Petrol Terrace color palette — #E6F6EF · #83BCDA · #C2906B · #377A9A · #36302B

Slate takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E6F6EF): a clean, paper-quiet neutral.
• Sky (#83BCDA): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C2906B): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#377A9A): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#36302B): a grounded near-black with real depth.

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

• Cobalt Grove color palette (#FBEDF5, #AEAEDD, #AD9B64, #6C68AA, #34312A)
• Patina Cypress Delta color palette (#EDF5E9, #74C5B5, #C6898C, #238273, #49261B)
• Cobalt Study color palette (#E9FAF4, #8BB6D4, #BE82AF, #097AB3, #674144)
• Driftwood Basin color palette (#DDFAEF, #6BA3C9, #B67F5C, #9A6E43, #132D25)
• Hushed Chapel color palette (#ECF7FF, #A2CAE6, #D8A581, #0099CD, #654052)
• Hushed Parlor color palette (#F9EEF6, #CBC596, #545F88, #3E2939, #1B1018)
• Taupe Quarry color palette (#E0F8EF, #F0D7D0, #E0BBB4, #7E9E84, #433743)
• Bronze Alley color palette (#F7F1E6, #C5BB98, #9F7C3A, #7B4B10, #2E2D19)

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