Muted Petrol Ridge color palette — #EEF6FF · #74A4D4 · #B27C4B · #2D69A0 · #5D3915

Peacock and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Cornflower (#74A4D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#B27C4B): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#2D69A0): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5D3915): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Muted 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

• Wandering Petrol Corridor color palette (#F0F5FF, #859DDC, #8E8F3D, #4A62A4, #454509)
• Petrol Cabin color palette (#E6F6F1, #73A9D9, #C07C30, #0069A9, #3B2000)
• Muted Teal color palette (#E3FAFF, #36B5AC, #BE7167, #00756F, #60342E)
• Wandering Cobalt color palette (#EDF6FF, #82BEF2, #D79543, #0086D6, #583C18)
• Weathered Cobalt Quarry color palette (#EEF6FF, #598CC5, #9C7236, #6B651B, #26394F)
• Softworn Workshop color palette (#E6FBEF, #89B1A7, #7A7445, #694B29, #284343)
• Feathered Cornflower color palette (#D3E7FF, #2781F5, #807100, #004AA0, #352E00)
• Frosted Pier color palette (#F5F4FF, #B775CD, #8D8100, #832F9C, #423C00)

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