Petrol Coast color palette — #D7EDFF · #0068A0 · #00314A · #261E25 · #000A13
Peacock takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D7EDFF): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#0068A0): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00314A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#261E25): quiet, heavy and certain.
- Ink (#000A13): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged monochrome, muted.
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
- Hushed Petrol Balcony color palette (#D0F1F5, #00727F, #4C5048, #00333A, #000D0F)
- Charred Sapphire Lagoon color palette (#E1EEFF, #2562C9, #002667, #1B0E1D, #00061C)
- Cobalt Studio color palette (#D4EEFF, #0094D9, #006CA0, #003958, #000204)
- Tempered Cobalt Basin color palette (#D7F1FF, #0081B6, #004977, #001B30, #000204)
- Weathered Lapis Archive color palette (#D2E4DC, #6494E2, #624ECD, #00363E, #001021)
- Ancient Boulevard color palette (#DAE7FF, #5D94E9, #0050B9, #002469, #010B3F)
- Antique Crimson Dune color palette (#E9F3D9, #D60051, #0059D5, #180C1A, #050005)
- Lowlit Nightshade Orchard color palette (#F1E2EB, #4F46B6, #4F0029, #1A005A, #070000)
Browse the whole catalog at Explore, or see today's palette.