Petrol Ridge color palette — #D1E5D8 · #007F94 · #0E3C2B · #031C0E · #020602

Teal and Deep Forest set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D1E5D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#0E3C2B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#031C0E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020602): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Wandering Cerulean color palette (#E2F3EA, #008DB3, #20493C, #13261D, #07100A)
• Aged Boulevard color palette (#CAEFE4, #0076BF, #1F3353, #001B15, #010604)
• Softworn Harbor color palette (#D3ECF8, #009CB4, #2A5976, #023546, #000608)
• Worn Ridge color palette (#CEEDE4, #0094F1, #584657, #20322D, #121A17)
• Weathered Azure Station color palette (#BCEADD, #1E9EF9, #289F4C, #0067A8, #003310)
• Soft Cabin color palette (#F2E7F1, #1561F7, #2A2F53, #200F1F, #070308)
• Muted Cornflower color palette (#D8E2F3, #397EFF, #AF4CAF, #007879, #2D142C)
• Washed Iris Canyon color palette (#FCEDF6, #8E92E4, #67515B, #3F343B, #252024)

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