Petrol Ridge color palette — #F0F6FC · #D7D8E2 · #A6B4C9 · #216A98 · #323C44

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D7D8E2): a clean, paper-quiet neutral.
• Ash (#A6B4C9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#216A98): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#323C44): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Balcony color palette (#EEF8F3, #E6D8DB, #D2BABA, #4889AA, #333D39)
• Washed Nightshade Orchard color palette (#F2F5FE, #CED1E3, #A2A3C7, #5542B5, #2C3244)
• Washed Pewter color palette (#F5F4FF, #E2D5E1, #C3B4D7, #885098, #403E4B)
• Pewter Quarry color palette (#DDE7FF, #9DA3C2, #876C94, #5F495F, #533035)
• Timeworn Station color palette (#E9F9F9, #70A899, #00726A, #215262, #123C41)
• Softworn Navy Alley color palette (#DDE5EE, #AEBACC, #808EAA, #004581, #182029)
• Muted Periwinkle color palette (#EFF6FF, #94CFFF, #709FFF, #706DD0, #23314D)
• Aubergine Workshop color palette (#DFE0EB, #9997A9, #736B8A, #3C0C5B, #080814)

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