Petrol Coast color palette — #C3E3FB · #0070A8 · #00314D · #292027 · #000A15
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Powder Blue (#C3E3FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0070A8): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#292027): a grounded near-black with real depth.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, 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
- Patina Veranda color palette (#C6F4EF, #007A78, #003633, #1E1E25, #000B0A)
- Shadow Ultramarine color palette (#D3E6FF, #0063C0, #00275C, #000A1E, #000207)
- Pale Cobalt Villa color palette (#CEE3F5, #6492CB, #5468BB, #003E51, #001224)
- Worn Azure color palette (#C7E3F8, #0095DA, #006FA0, #003E5F, #000205)
- Washed Market color palette (#CCE6F7, #1184C7, #004971, #001B2A, #000205)
- Hazy Petrol color palette (#EEF6FF, #6EB3FF, #006AB0, #003C69, #002545)
- Ancient Nightshade color palette (#D9E7FF, #5D8EDF, #1B4BAB, #002267, #001239)
- Aubergine Delta color palette (#E4E4F2, #6652BD, #300080, #18030D, #090025)
Browse the whole catalog at Explore, or see today's palette.