Petrol Ridge color palette — #DCEFFF · #0071AE · #8E4900 · #644700 · #002238

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

The five colors

• Frost (#DCEFFF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Burnt Sienna (#8E4900): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#644700): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002238): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Tempered Sapphire color palette (#E9F0FF, #1B5BEA, #7E5500, #5B4C00, #0F1E3C)
• Aged Study color palette (#D3E9DA, #00788B, #A92421, #7F3100, #022714)
• Soft Delta color palette (#DAE9F7, #008ED9, #A36E00, #6A6500, #002138)
• Ultramarine Meadow color palette (#D6DFF6, #2A23F6, #654800, #2E3F0F, #070E2E)
• Chalky Iris Summit color palette (#FFF0FA, #757BE4, #92791D, #6C6D2C, #472F3F)
• Pale Cabin color palette (#E3E1F1, #782EEF, #666100, #3C5700, #201939)
• Antique Moss color palette (#EDE3CD, #809048, #635500, #4D3000, #242609)
• Tempered Ridge color palette (#FFF1F5, #AE80D8, #80934C, #75776F, #4F3D43)

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