Petrol Coast color palette — #D0F2F1 · #00BED6 · #009DCD · #0070B1 · #163075
Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0F2F1): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00BED6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#009DCD): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#163075): A deep, shadowed, balanced 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
- Gentle Turquoise Lantern color palette (#DBF2F9, #00AFD7, #008AB2, #00587E, #003655)
- Misty Grove color palette (#D6E7EA, #00BEEC, #1D97FA, #0B64F4, #322579)
- Weathered Mint Grove color palette (#CCEBD5, #00CDA9, #00A5A9, #00748B, #003C58)
- Aged Quarry color palette (#DFEEFF, #97CAFF, #309FFD, #0069BA, #001D37)
- Tempered Nightshade color palette (#CAECF3, #0088B1, #00609F, #1F15A5, #070022)
- Ancient Cornflower color palette (#D5E7F3, #5CACFF, #597CFF, #674CC0, #3C1E50)
- Powder Lagoon color palette (#DAF7DF, #96E5FF, #6AC5FF, #6F8FBF, #5F4759)
- Wandering Grove color palette (#E7EBD3, #FF975C, #7BAEFF, #254270, #231423)
Browse the whole catalog at Explore, or see today's palette.