Petrol Terrace color palette — #FAF4EE · #CAE7EB · #8798C2 · #397984 · #624B57

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#CAE7EB): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8798C2): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#397984): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#624B57): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Wandering Cerulean Market color palette (#F4F6F0, #CDE1E4, #90B4E1, #4290B6, #634860)
• Cypress Veranda color palette (#FBF3EF, #C9EBE2, #7CA48E, #437C62, #355149)
• Dusty Grove color palette (#ECF4F3, #D6D9EC, #7D9FC9, #257497, #26374E)
• Olive Hollow color palette (#F7F6E8, #A2B986, #AC8ABA, #647C40, #63424B)
• Muted Ridge color palette (#F7F7E1, #81A468, #967DB0, #8B698B, #43433C)
• Tempered Lagoon Lantern color palette (#F6E7E0, #468E8E, #004452, #002414, #000A15)
• Cobalt Pier color palette (#FBF4EE, #A5D0BC, #457CB4, #00605E, #2E3761)
• Denim Chapel color palette (#FAEDE0, #71A5CA, #2552A7, #003D42, #1C144A)

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