Petrol Boulevard color palette — #EEF0E5 · #9ABAA4 · #00748D · #004F51 · #003345
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF0E5): a clean, paper-quiet neutral.
- Sage (#9ABAA4): A luminous, dusty teal — the color of sea glass.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003345): 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
- Wandering Petrol Lagoon color palette (#EDF0E6, #8EB7D4, #0A6BB2, #004C63, #0C2D58)
- Aged Denim color palette (#E1E5D8, #7DAA98, #005C8F, #003C4B, #00203F)
- Aged Cobalt Study color palette (#F3F7E9, #AFD9CA, #3784C6, #00627E, #1F406C)
- Wandering Petrol color palette (#F5F6EF, #C7E6E3, #6AA2B9, #1C7C85, #2E5346)
- Ancient Loft color palette (#E0F3F0, #88E3F6, #36B5D7, #009094, #003345)
- Byzantium Summit color palette (#CFE4D7, #008EA7, #8B48A7, #005262, #3D0F4E)
- Tempered Parlor color palette (#CDEFFF, #1098C7, #005E7F, #002D3D, #001822)
- Softworn Abyss Hollow color palette (#E4E7D7, #5E8C77, #00425F, #002128, #000A16)
Browse the whole catalog at Explore, or see today's palette.