Petrol Coast color palette — #F4EDE2 · #7BC3DA · #006F9D · #003E3E · #000309
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EDE2): a clean, paper-quiet neutral.
- Sky (#7BC3DA): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006F9D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Tempered Villa color palette (#E6DFD5, #69B0AF, #00606B, #002D20, #000102)
- Faded Courtyard color palette (#FAF4EB, #9FD3F6, #367CC9, #004F5C, #020332)
- Cerulean Summit color palette (#F3E4EC, #0099B8, #004C7F, #002D22, #02001C)
- Plum Harbor color palette (#DEE5D7, #00956B, #B1008D, #004832, #040002)
- Ancient Cornflower color palette (#E8DCD5, #70BCD5, #0086E2, #006F5A, #0E073D)
- Antique Azure Study color palette (#FAF4EB, #C8F1D8, #009FD4, #006A67, #002039)
- Ancient Grape Basin color palette (#D6ECE4, #007960, #631ECC, #6A3000, #000201)
- Wandering Emerald color palette (#E9F2E3, #269C37, #00633F, #00261C, #000303)
Browse the whole catalog at Explore, or see today's palette.