Petrol Coast color palette — #C4EFFA · #007594 · #004F6B · #00283D · #000E1C
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C4EFFA): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007594): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F6B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#00283D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000E1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Airy Fern Coast color palette (#D5EDFF, #00759E, #306800, #003C53, #020B00)
- Moonless Denim color palette (#CEEAFF, #005D9B, #003B74, #00194A, #010020)
- Gentle Chapel color palette (#D3F7F8, #008EA5, #005775, #002C55, #1E083E)
- Worn Cypress color palette (#DEF6EC, #00866E, #004D43, #002C2A, #000C0C)
- Cobalt Summit color palette (#DDE8F4, #1682DB, #004985, #001731, #000207)
- Gentle Harbor color palette (#D6E4F7, #96AEF4, #8071ED, #005783, #000C22)
- Gentle Delta color palette (#D8EFFF, #59B8ED, #007AB8, #0A5087, #152D4B)
- Linen Aubergine Villa color palette (#D3E7FF, #0058A4, #77008E, #004641, #00030D)
Browse the whole catalog at Explore, or see today's palette.