Gentle Petrol Coast color palette — #E5FAF8 · #7DC2E5 · #0075AD · #005364 · #00355D
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#E5FAF8): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#7DC2E5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#00355D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Gentle Petrol Coast 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
- Ancient Cypress color palette (#E6FAF5, #76C8C3, #007D81, #005749, #003A41)
- Tempered Sapphire color palette (#FFECF5, #85C5E6, #0D71D0, #005152, #110056)
- Hushed Alley color palette (#F3F8E4, #ADE2FF, #3FB5FD, #0093B1, #00345D)
- Denim Orchard color palette (#D8E5E4, #6DA6CB, #005B95, #003B4D, #001E43)
- Patina Petrol color palette (#ECF8F8, #C5DFFB, #6F8CB6, #2A698B, #364865)
- Airy Courtyard color palette (#FFF2E9, #93D4F8, #378CF0, #007274, #252278)
- Weathered Lagoon Thicket color palette (#DDF1ED, #38A0A5, #00545D, #00302C, #00171D)
- Faded Drift color palette (#F0DBFD, #E5248C, #006BDD, #8F0053, #002B61)
Browse the whole catalog at Explore, or see today's palette.