Petrol Coast color palette — #C7EDF6 · #00A5D4 · #0066B3 · #27427E · #1F1C46
A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#C7EDF6): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00A5D4): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#0066B3): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#27427E): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#1F1C46): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Frosted Market color palette (#C4F2F6, #00AED2, #0772C2, #38448C, #44315F)
- Pale Teal Ridge color palette (#D2EBE5, #00AFB5, #007790, #00415D, #03203D)
- Powdered Cornflower color palette (#EBF7FF, #7BC7FF, #2293EE, #2B578F, #203253)
- Pale Periwinkle color palette (#E9EFFF, #7F9DFF, #4263B3, #212963, #010732)
- Iris Garden color palette (#E1EDF7, #6692FD, #655DC2, #4A3071, #301335)
- Quiet Periwinkle Workshop color palette (#DBEBFF, #629FFF, #9B5D00, #2A5494, #2C1600)
- Sunlit Chapel color palette (#DAF0F8, #0076B4, #003AA5, #1C006C, #13002D)
- Patina Cobalt color palette (#FBEAE0, #00B4BD, #008BE3, #081B2C, #03080F)
Browse the whole catalog at Explore, or see today's palette.