Petrol Ridge color palette — #F5EDE5 · #91BCAD · #4367A4 · #004F54 · #282559
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE5): a clean, paper-quiet neutral.
- Sage (#91BCAD): A luminous, dusty teal — the color of glacier melt.
- Slate (#4367A4): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#282559): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Petrol Alley color palette (#F9EBE4, #77C0C2, #00748E, #005237, #00314E)
- Petrol Summit color palette (#E1EBEB, #95B8D5, #286FAB, #00485E, #001434)
- Cobalt Quarry color palette (#EDF0E4, #A1CAE8, #3A8BD1, #006785, #0E2D56)
- Cerulean Studio color palette (#FDF3EE, #B4D9BD, #008BB6, #006952, #1A4269)
- Wandering Thicket color palette (#F0E3DB, #449BBA, #004D7E, #00302D, #040940)
- Linen Periwinkle Quarry color palette (#F6EBEF, #A5DBFF, #6DA3FF, #008F98, #282656)
- Antique Grape color palette (#E3E0C0, #7F9A31, #733E9E, #3F5100, #35194C)
- Softworn Summit color palette (#F5E4DB, #388F91, #004453, #002415, #000A15)
Browse the whole catalog at Explore, or see today's palette.