Petrol Ridge color palette — #D5EBF4 · #007584 · #2E3664 · #003037 · #000103
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D5EBF4): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2E3664): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Forest (#003037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, 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
- Weathered Pine Field color palette (#DCF1F1, #007B53, #164254, #003320, #000202)
- Aubergine Dune color palette (#E3EEF9, #006DA9, #3B028E, #002C49, #010008)
- Aubergine Canyon color palette (#E7EFE5, #007970, #4B0070, #002E2A, #040008)
- Abyss Coast color palette (#D6E0E6, #91A2B0, #647F99, #003D4E, #00050A)
- Tempered Cerulean Boulevard color palette (#DDEFE1, #0094A3, #005983, #004F57, #000201)
- Linen Bloom color palette (#D4F0F5, #00A497, #6200B4, #004640, #020007)
- Navy Thicket color palette (#C5EAD7, #005B88, #001F7D, #280023, #000205)
- Ultramarine Archive color palette (#DEF1FC, #00A4CD, #2735E9, #00556B, #01001A)
Browse the whole catalog at Explore, or see today's palette.