Petrol Ridge color palette — #D3E4E1 · #7BA9BE · #00728B · #004A4C · #001721
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#D3E4E1): a clean, paper-quiet neutral.
- Blue Fog (#7BA9BE): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00728B): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Softworn Petrol color palette (#E0F4F4, #80A6C7, #1067B6, #00465F, #001038)
- Azure Dune color palette (#D5EFFF, #81B3D6, #5591E0, #006373, #001E2E)
- Aqua Hollow color palette (#EDF0E1, #61C7DD, #00738D, #003D40, #000306)
- Denim Quarry color palette (#EFE2EB, #569BA9, #005070, #003127, #00132F)
- Cerulean Dune color palette (#D9EEF9, #0095C0, #005F7F, #002A39, #000305)
- Cerulean Boulevard color palette (#E4F2EF, #A6CBDA, #0096AF, #006C6A, #003442)
- Byzantium Drift color palette (#DAEDF7, #0085A0, #9523B8, #004E5E, #1D0027)
- Hushed Lantern color palette (#ECF8F5, #B7E3F1, #00B0BD, #008476, #004854)
Browse the whole catalog at Explore, or see today's palette.