Petrol Coast color palette — #D2EAD8 · #006E8A · #003457 · #180022 · #000103
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D2EAD8): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#006E8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003457): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#180022): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged retro, dark, 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
- Inked Orchard color palette (#E2E9D9, #007559, #003A38, #000631, #000201)
- Velvet Corridor color palette (#DAEAE3, #005C80, #2A007A, #140011, #000201)
- Moonless Balcony color palette (#E1F6E5, #00505C, #002346, #1E0002, #000102)
- Patina Turquoise Corridor color palette (#E6E8DA, #58B2BB, #005F6E, #002B2A, #000102)
- Muted Navy Terrace color palette (#DFEEF9, #5B80BA, #3E417E, #3D122F, #060002)
- Quiet Turquoise color palette (#B6EAFF, #00AEC2, #008FB5, #00518B, #000103)
- Garnet Villa color palette (#F5E1C1, #00899C, #005AA5, #720015, #000407)
- Washed Olive Ridge color palette (#E3E3CC, #478D43, #004922, #002218, #010100)
Browse the whole catalog at Explore, or see today's palette.