Petrol Ridge color palette — #EDF8F3 · #DCE2BE · #7DAA95 · #3E758C · #242E29
Built around Slate, softened by Sage — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F3): a clean, paper-quiet neutral.
- Celadon Mist (#DCE2BE): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#7DAA95): A luminous, dusty teal — the color of glacier melt.
- Slate (#3E758C): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#242E29): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Ash Balcony color palette (#FBF2F9, #D5E4C5, #8A9EC9, #81617C, #312830)
- Muted Cerulean Workshop color palette (#EFF7F4, #EFC8B2, #5B829E, #2A574A, #1F2F2A)
- Softworn Stone Harbor color palette (#EAF4F9, #ABD09D, #306A7A, #1A3542, #0D1519)
- Patina Quarry color palette (#D3EEE4, #469B64, #004E76, #001727, #000201)
- Powder Coast color palette (#F9F3F7, #E0D7D8, #A5B3E1, #BAAEA8, #575055)
- Hushed Driftwood color palette (#F1F7EE, #84D1C3, #D09866, #988B40, #373932)
- Cornflower Orchard color palette (#FEF0FF, #8EE4B6, #3D8FEA, #0E5CA7, #251327)
- Washed Iris color palette (#F7EAF2, #F3B5BC, #797FCC, #4A4E90, #20101B)
Browse the whole catalog at Explore, or see today's palette.