Petrol Terrace color palette — #EFDEE9 · #7DA8C0 · #0068B4 · #004C3D · #0F0243

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#EFDEE9): A whisper-light, dusty pink — the color of peonies in June.
• Blue Fog (#7DA8C0): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C3D): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0F0243): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Petrol Terrace 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

• Cobalt Station color palette (#EEDFE5, #92B6D4, #5370BF, #005957, #251047)
• Washed Corridor color palette (#F1E5F3, #66B0AF, #00718E, #004E17, #00142C)
• Petrol Chapel color palette (#FBEAE1, #67C5E0, #006BB0, #003F31, #010014)
• Hushed Terrace color palette (#E6DFD4, #349DBA, #005071, #003030, #00142B)
• Cobalt Drift color palette (#E2EFE4, #55C0DF, #008DC5, #006D6D, #00142B)
• Aged Summit color palette (#F4ECF1, #9FCCE2, #428DC4, #006F52, #1E285C)
• Azure Market color palette (#FDF1FC, #AAE7EF, #25A7E3, #008755, #243D72)
• Muted Lagoon color palette (#FAF3F5, #D8DCF7, #95A0DE, #008B91, #434464)

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