Petrol Coast color palette — #CEE5F6 · #007CA7 · #1C3353 · #061823 · #000509
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CEE5F6): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1C3353): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#061823): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Ancient Cobalt color palette (#DFF0FF, #0087CF, #2F405D, #152330, #070E13)
- Muted Harbor color palette (#D6E8FD, #005FB6, #3F3235, #1E1F44, #00091A)
- Weathered Sapphire Corridor color palette (#DDE9FC, #245FF9, #293051, #091629, #01050B)
- Lilac Quarry color palette (#EFF1FF, #A589DF, #595569, #353743, #1F2228)
- Indigo Studio color palette (#E9EEFF, #6473FF, #CB492C, #1A7C47, #111E3B)
- Cerulean Harbor color palette (#E4F3E6, #7BD5DD, #0096B3, #006E5E, #003248)
- Magenta Summit color palette (#E2DEFA, #CE04F0, #60344E, #272336, #0F101E)
- Linen Hollow color palette (#D7EAE2, #87B471, #1C874D, #19625B, #00312A)
Browse the whole catalog at Explore, or see today's palette.