Petrol Coast color palette — #CDE7EB · #006F81 · #00343D · #000C0F · #000102

Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#CDE7EB): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#006F81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#00343D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, 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

• Cypress Courtyard color palette (#DBEEE3, #007053, #003324, #1C2026, #000B04)
• Midnight Onyx Cabin color palette (#E2F4EC, #006082, #4E0039, #002231, #040002)
• Worn Cerulean color palette (#CFE3E6, #008D9C, #004C55, #14161C, #00080A)
• Sky Terrace color palette (#DFF7FF, #00C2EA, #007C92, #004053, #00131B)
• Hazy Archive color palette (#D1EEEB, #2790B4, #624DB5, #0A3E02, #000402)
• Smoked Abyss color palette (#D5EAF2, #003D4E, #352800, #191100, #000102)
• Cobalt Grove color palette (#E3F0FF, #0081D7, #00448D, #001A41, #000106)
• Deep Brick color palette (#E3F0D0, #B20A03, #006145, #040C0C, #010100)

Browse the whole catalog at Explore, or see today's palette.