Petrol Ridge color palette — #DCFAEE · #B5DFE6 · #9DB6EB · #007796 · #002A20
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DCFAEE): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#B5DFE6): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#9DB6EB): A luminous, balanced violet — the color of wild irises.
- Teal (#007796): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#002A20): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, muted, 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
- Aqua Thicket color palette (#E6F8E3, #AEE6DA, #60C4E1, #007664, #0A270E)
- Cobalt Atelier color palette (#FEEBFE, #F8CAD3, #B2AEEF, #1B77B1, #2F1B2D)
- Softworn Mallow Meadow color palette (#EAF7FF, #C0DCFF, #C9A3F0, #007D7C, #31465B)
- Chalky Iris Meadow color palette (#D5F7EE, #99B4E6, #757DD1, #004D6B, #001028)
- Hushed Grove color palette (#E0FDEF, #F3DDD9, #C4AAA2, #23A1A4, #144037)
- Ash Lantern color palette (#FBEEF4, #E6D3D0, #B0AC98, #898CB8, #473039)
- Weathered Spruce color palette (#E5F7EC, #00748B, #554B00, #133F00, #020F00)
- Fuchsia Market color palette (#C2EDEB, #E37ADB, #5995FF, #051738, #0D030C)
Browse the whole catalog at Explore, or see today's palette.