Petrol Terrace color palette — #F0F7F2 · #C1AC7C · #007AA0 · #775B00 · #152631

Built around Cerulean, softened by Olive — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Camel (#C1AC7C): A luminous, dusty gold — the color of afternoon light on wheat.
• Cerulean (#007AA0): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#775B00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#152631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged duotone, 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

• Weathered Loft color palette (#FDF2F6, #D8A275, #008264, #8D4D00, #08292C)
• Feathered Olive color palette (#EFF7F6, #95BB89, #3271B4, #287200, #142538)
• Dusty Terrace color palette (#F4F2EB, #B6BA69, #008A66, #686A00, #0A1103)
• Washed Olive color palette (#F0F7F4, #C6CA87, #00A59B, #848700, #0F282D)
• Mulberry Atelier color palette (#FDF0FF, #9A9C5D, #017A72, #773155, #1D453F)
• Ultramarine Summit color palette (#EDF7F8, #5DAB91, #4851B1, #005E48, #0F182B)
• Ancient Mint Archive color palette (#E4FBF9, #F8CA96, #86C77C, #0091B1, #0F473A)
• Worn Olive Dune color palette (#EFF7F5, #D4DCE0, #B5C1CE, #647F33, #3F4B47)

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