Petrol Ridge color palette — #F4EDE3 · #8FBCAF · #3E66AE · #004D5F · #22265D
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Sage (#8FBCAF): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#3E66AE): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#22265D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Quiet Sapphire color palette (#FBF4EA, #87BFE7, #006AD5, #005363, #1F2A6D)
- Ancient Petrol Delta color palette (#F4EEE3, #9DBAA2, #00748C, #005145, #003248)
- Patina Station color palette (#F0E7DF, #92B8DB, #5360BE, #004B4D, #1C0C2E)
- Weathered Cabin color palette (#FBF4E9, #9ED9E7, #008BB7, #006762, #00436C)
- Softworn Studio color palette (#FAE9EF, #A6C8E9, #697CE4, #006B6E, #342548)
- Timeworn Denim Villa color palette (#F6ECDE, #6098B2, #004D7D, #002F34, #001135)
- Periwinkle Veranda color palette (#E4F3E7, #ADD8FF, #73A4F8, #008CAC, #242954)
- Grape Garden color palette (#FFEBEF, #EBBCBC, #D77988, #684DA1, #46233F)
Browse the whole catalog at Explore, or see today's palette.