Petrol Coast color palette — #FCECFB · #5FCFD3 · #007DA2 · #005626 · #00193B
Cerulean takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FCECFB): A whisper-light, dusty pink — the color of peonies in June.
- Aqua (#5FCFD3): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005626): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#00193B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns 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
- Muted Sapphire color palette (#FDEDF5, #6DC9ED, #006FD7, #005347, #18064C)
- Aqua Studio color palette (#E8FBEC, #00D0D9, #007B90, #005748, #00384D)
- Timeworn Denim color palette (#EFE5ED, #4DACB8, #006086, #003C23, #00052B)
- Chalky Pine Courtyard color palette (#FFF2ED, #2CE5EA, #009AC5, #007836, #003266)
- Patina Cabin color palette (#FEF4E4, #BCFCFF, #00ACC8, #007460, #002939)
- Gentle Sapphire Coast color palette (#D8E9FF, #006EDA, #6B6800, #305924, #000D25)
- Gentle Blush color palette (#E8F3FF, #D9CEFF, #FF7CA4, #007484, #111545)
- Dusty Meadow color palette (#F6F0F4, #D4D2EB, #6CA3C8, #447760, #2C3648)
Browse the whole catalog at Explore, or see today's palette.