Hushed Petrol Ridge color palette — #ECF9F3 · #89B7D1 · #C08B6E · #007CAB · #69422D

A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF9F3): a clean, paper-quiet neutral.
• Ash (#89B7D1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#C08B6E): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#007CAB): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#69422D): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Hushed Petrol Ridge 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 Orchard color palette (#FEF1FB, #9CAFDB, #AF9654, #506EBB, #5C4B1F)
• Aged Cypress color palette (#F1F7EF, #80BDB6, #C4848E, #00847B, #684239)
• Ancient Canyon color palette (#E4F7F1, #85B9E8, #D88264, #3476AD, #362F2B)
• Apricot Summit color palette (#EDF6FF, #94CBFA, #EA9A7C, #5D92BE, #614255)
• Tempered Olive Alley color palette (#E6FBF3, #659FC8, #B57386, #6D7F30, #2E4940)
• Hushed Harbor color palette (#FFEFFF, #5D95E0, #A87200, #0059B5, #503400)
• Aged Garden color palette (#FFF1F6, #A893D0, #89912D, #744CAD, #424610)
• Tempered Bronze Loft color palette (#FCF4E6, #C0B89F, #9C7B37, #725835, #524800)

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