Petrol Boulevard color palette — #E1EDE3 · #84BFC8 · #007695 · #004C45 · #001828
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E1EDE3): bright and airy, almost weightless.
- Ash (#84BFC8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Boulevard 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
- Tempered Cobalt color palette (#EDF4EE, #A8CEE2, #1B85B6, #005B5B, #01213F)
- Tempered Petrol color palette (#F9EBE5, #97BCA1, #0070A0, #005335, #1B2B54)
- Denim Loft color palette (#E6EEE7, #6EA4C0, #005C95, #00383E, #000727)
- Dusty Lilac Studio color palette (#D4F0FF, #A1CEEE, #979EE7, #007273, #001A2A)
- Muted Field color palette (#CAF6EE, #009C97, #00636F, #003F4E, #001620)
- Muted Abyss color palette (#E2EFE4, #4B8196, #004062, #001F21, #000105)
- Misty Corridor color palette (#D4EAF6, #007791, #933279, #574C00, #000D12)
- Hazy Alley color palette (#CCEAF9, #008FA4, #B7391F, #00505C, #290300)
Browse the whole catalog at Explore, or see today's palette.