Worn Petrol Ridge color palette — #F1E8D9 · #71A8D2 · #3065AF · #004856 · #090049

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F1E8D9): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#71A8D2): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#3065AF): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#090049): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Washed Chapel color palette (#F5EDE1, #4DB1C6, #007094, #004A47, #001527)
• Soft Ultramarine color palette (#E5F2E7, #8ABDE5, #0062CE, #003C48, #010014)
• Frosted Archive color palette (#E7F1FF, #9DA4F2, #AE81C9, #00637F, #0F153C)
• Softworn Market color palette (#F0E5DB, #6495B9, #2434B1, #00302F, #1B003A)
• Sunlit Meadow color palette (#F7E8ED, #74B8E8, #5577F3, #006D6B, #190633)
• Pale Terrace color palette (#C6ECF6, #0087AA, #005981, #003768, #000A3E)
• Worn Cobalt Courtyard color palette (#F5EDE2, #A4CFBF, #4F89C9, #006A79, #1D2B52)
• Tempered Ultramarine color palette (#E2ECFD, #4A84E9, #0050BC, #001B69, #000216)

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