Petrol Coast color palette — #DFF1ED · #5FAFB3 · #008392 · #005E57 · #000B10
A conversation between Cerulean and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DFF1ED): a clean, paper-quiet neutral.
- Turquoise (#5FAFB3): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008392): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
- Ink (#000B10): 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
- Wandering Ridge color palette (#D5E3E1, #74BEC7, #0093AA, #006D6B, #00171F)
- Teal Thicket color palette (#ECDDE8, #45A3A6, #006279, #003E28, #000A16)
- Cobalt Delta color palette (#E6F2F2, #68A8D7, #0076CD, #005975, #00081F)
- Lagoon Studio color palette (#EADDE9, #358689, #004257, #00210B, #000105)
- Emerald Cabin color palette (#DDEEE4, #00A86D, #00794A, #00452B, #000201)
- Hushed Cornflower color palette (#DFEEEE, #9DC5E7, #3394F6, #00779E, #041C48)
- Timeworn Pine color palette (#D2F0F1, #00835F, #006F97, #655900, #000201)
- Weathered Boulevard color palette (#E4F2F0, #A2DEF2, #02B4EA, #008F9D, #00324B)
Browse the whole catalog at Explore, or see today's palette.