Petrol Coast color palette — #DCF4F2 · #84BFE3 · #006CAB · #003B4B · #000209
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DCF4F2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#84BFE3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003B4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000209): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Worn Cypress color palette (#E5F1EE, #70C8C7, #00757E, #003F37, #000304)
- Cerulean Field color palette (#C8E6EF, #008FB9, #005E81, #002A44, #00050E)
- Powdered Lilac Basin color palette (#DDEDFF, #B2C7FF, #9A98FF, #00608C, #000414)
- Plum Parlor color palette (#CFE4F6, #0086C7, #B0008F, #004062, #040002)
- Grape Loft color palette (#E7F1FF, #0064C7, #8B009E, #004E4A, #000105)
- Misty Cornflower Lagoon color palette (#FBE8F0, #4EBCF5, #1E7FF4, #006C70, #0E0A39)
- Navy Loft color palette (#EFE0E6, #5398BE, #1F4491, #00302C, #18003E)
- Patina Hollow color palette (#EBF8F8, #DADDE8, #58AAFF, #0079A0, #192E50)
Browse the whole catalog at Explore, or see today's palette.