Brand Style Guide
CCC Design System
A reusable component library — buttons, form controls, cards, tables, navigation, dashboard widgets, charts, alerts, and badges — for all future CCC systems.
4 primary · 4 neutral · 7 secondary
Color Palette
Primary Colors
CCC Blue
Pantone 653 C
RGB 16, 74, 129
Primary color
CCC Green
Pantone 7490 C
RGB 98, 153, 64
Accent color
CCC Yellow
Pantone 143 C
RGB 235, 163, 46
Accent & contrast for dark blue
CCC Light Blue
Pantone 635 C
RGB 173, 225, 235
Support / neutralizer color
Primary Neutral Colors
Dark
Pantone 447 C
RGB 65, 64, 66
Text & primary dark base
Mid Gray
Pantone Cool Gray 7 C
RGB 147, 149, 152
Neutral accent
Light Gray
Pantone 427 C
RGB 209, 211, 212
Base color
White
Pantone 7541 C
RGB 255, 255, 255
Primary light base
Secondary Colors
Bright Green
Pantone 368 C
RGB 102, 188, 41
Cyan
Pantone 319 C
RGB 48, 205, 215
Dark Green
Pantone 364 C
RGB 65, 118, 48
Bronze
Pantone 873 C
RGB 149, 119, 76
Orange
Pantone 1575 C
RGB 255, 137, 71
Amber
Pantone 123 C
RGB 255, 200, 78
Lavender
Pantone 7439 C
RGB 182, 143, 187
Typography
Display
Climate Action
H1 — 36px / Bold
Heading One
H2 — 30px / SemiBold
Heading Two
H3 — 24px / SemiBold
Heading Three
H4 — 20px / Medium
Heading Four
H5 — 18px / Medium
Heading Five
H6 — 16px / Medium
Heading Six
Body Large
The Climate Change Commission leads, coordinates, and monitors climate change-related efforts in the Philippines.
Body Default
The Climate Change Commission leads, coordinates, and monitors climate change-related efforts in the Philippines.
Body Small
The Climate Change Commission leads, coordinates, and monitors climate change-related efforts in the Philippines.
Caption
Last updated: March 15, 2024 — Data source: PAGASA, DOST
Label
Section Label
Link
Visit the official CCC website
Font Weight Scale — Poppins
Ag
Light
300
Ag
Regular
400
Ag
Medium
500
Ag
SemiBold
600
Ag
Bold
700
Ag
ExtraBold
800
Form Controls
Valid email address
This field is required
Badges
Filled Badges
Mitigation
Adaptation
Low Emission
Resilience
Food Security
Energy
Biodiversity
Water
Draft
Under Review
Published
Outline Badges
Blue
Green
Yellow
Cyan
With Dot Indicators
Active
Pending
Inactive
Critical
Alerts
Information
New climate data reports are available for the second quarter of 2024.
Success
Your climate action plan has been submitted successfully and is under review.
Warning
Typhoon season is approaching. Ensure your LGU preparedness plans are up to date.
Error
Failed to upload document. Please check the file format and try again.
Cards & Dashboard Widgets
KPI / Stat Widgets
+4.2%
Mitigation Projects
47
+12 this quarter
+4.2%
Adaptation Programs
83
Across 17 regions
-4.2%
Avg Temp Rise
+1.8°C
vs. pre-industrial
+4.2%
GHG Reduction
23%
Target: 75% by 2030
Horizontal Stat Widgets
Active LGU Partners
1,634
+89 this month
Reports Submitted
2,847
+234 this quarter
Trained Personnel
18,420
Target: 25,000
Certified Programs
312
Across 3 tracks
Progress Widgets
68%
Food Security
National Target Achievement
54%
Water Sufficiency
National Target Achievement
82%
Ecological Stability
National Target Achievement
45%
Human Security
National Target Achievement
Content / Article Cards
Policy Brief
Mar 2024
National Climate Change Action Plan 2023–2028 Update
A comprehensive review of the Philippines' climate mitigation and adaptation strategies aligned with the Paris Agreement.
Featured
Philippine Climate Vulnerability Index 2024
Measuring climate risk exposure across provinces and cities to guide targeted resilience investments.
Research
Jan 2024
Blue Carbon Ecosystems Mapping in Philippine Coastal Areas
Satellite-based assessment of mangrove, seagrass, and saltmarsh coverage for carbon sequestration baseline data.
Profile Cards
MS
Maria Santos
Climate Policy Analyst
Mitigation Division
JR
Jose Reyes
Resilience Program Officer
Adaptation Division
AC
Ana Cruz
Data & Research Specialist
Knowledge Management
Event Cards
Summit
National Climate Summit 2024
June 5, 2024
8:00 AM – 5:00 PM
PICC, Manila
Workshop
LGU Climate Action Workshop
June 18, 2024
9:00 AM – 12:00 NN
Cebu City
Notification Cards
New NDC progress report available for download.
2m ago
LGU Climate Expenditure Survey submission confirmed.
1h ago
Deadline reminder: CCET endorsement due in 3 days.
3h ago
Tables
Published
77
Under Review
69
Published
81
Under Review
74
Published
88
Striped / Minimal Variant
Food Security
18
₱142M
68%
Water Sufficiency
24
₱218M
54%
Ecological Stability
31
₱305M
82%
Human Security
15
₱97M
45%
Sustainable Energy
22
₱410M
71%
Charts
GHG Emissions vs. Target
MtCO₂e, 2018–2024
- Actual
- Target
Climate Budget by Region
₱M — Adaptation vs. Mitigation
- Adaptation
- Mitigation
Renewable Energy Mix
GWh by source, monthly 2024
- Solar
- Hydro
GHG Emissions by Sector
% share of total national emissions
Energy
38%
Transport
22%
Agriculture
18%
Industry
14%
Waste
8%
NCCAP Thematic Area Performance
Composite index score (0–100), 2024
Vulnerability Index vs. Climate Budget
LGU scatter — larger budget vs. higher exposure
Climate Indicators Trend
Average temperature, annual rainfall, and sea level rise — 2019–2024
- Temperature
- Rainfall
- Sea Level
Icons
NCCAP Thematic Areas
Food Security
Water Sufficiency
Ecological Stability
Human Security
Sustainable Energy
Knowledge & Capacity
Actions & Status
Add / Create
Reports
Search
Community
Achievements