Petrol Ridge color palette — #FAF4EE · #BCE7DB · #7889B5 · #086E7D · #5A3E4D

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#BCE7DB): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#7889B5): A luminous, dusty violet — the color of wild irises.
• Teal (#086E7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5A3E4D): A full-bodied, dusty rose — the color of pressed rose petals.

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

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

• Antique Cerulean Ridge color palette (#FBF3F0, #C9E5CE, #5294AE, #316F59, #2C4A66)
• Cobalt Canyon color palette (#FCF4EC, #ABD4F3, #5C7EC1, #00656E, #3C376C)
• Powder Drift color palette (#FBF3F5, #D9DDF3, #A1BBFF, #55A6B3, #40465F)
• Wandering Coral color palette (#FFF2ED, #C8676B, #008D8B, #276B8F, #4F2E24)
• Washed Corridor color palette (#FCEBE3, #5B9C9E, #005265, #00321F, #001626)
• Chalky Petrol Cabin color palette (#FFF2EC, #65C8D8, #0078A0, #005846, #003362)
• Worn Cocoa Archive color palette (#FFF2EE, #E0DBCE, #D0C296, #967089, #773C18)
• Mulberry Grove color palette (#FFF2EE, #D78490, #369B98, #A04154, #014D4B)

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