Frosted Petrol color palette — #E7FAF4 · #8FAA60 · #00A2B1 · #1176AB · #123B31
Built around Cerulean, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#8FAA60): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#00A2B1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#1176AB): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#123B31): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Frosted Petrol into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Tempered Lagoon color palette (#F1F5FF, #9895DA, #43A382, #007E87, #2C3246)
- Ancient Ultramarine Balcony color palette (#E9F9FA, #5CB99C, #0F8DB1, #4C50AF, #4D2849)
- Moss Balcony color palette (#E8FAF1, #B5B676, #71924F, #007178, #1E4639)
- Tempered Cobalt Station color palette (#F8F2FF, #CC84B0, #5199BA, #426CB9, #382D44)
- Soft Study color palette (#FFF3E7, #F29B48, #79AE74, #945D86, #32200F)
- Aged Boulevard color palette (#FFF2EA, #FF9D69, #75B3ED, #6A94BD, #38312D)
- Linen Rust color palette (#FFF0FE, #C45C5F, #007BA4, #653F80, #3C2D3B)
- Weathered Basin color palette (#FFF0F7, #D08C63, #9782C1, #95548C, #442937)
Browse the whole catalog at Explore, or see today's palette.