Petrol Boulevard color palette — #C7EDF2 · #22A0A4 · #00759C · #003F19 · #000C0C
Teal takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#C7EDF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#22A0A4): A luminous, balanced teal — the color of sea glass.
- Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003F19): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged pastel, 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 Cypress color palette (#BFE9DF, #76A582, #007A70, #373500, #001002)
- Powdered Sapphire color palette (#D1ECEA, #369FA2, #1562D8, #282E00, #000202)
- Wandering Indigo Harbor color palette (#E2F2F8, #6A92B6, #6261B7, #003336, #00101C)
- Misty Atelier color palette (#E4EFD7, #48AFC2, #537FE1, #464900, #000C0B)
- Timeworn Turquoise Studio color palette (#DEF0EC, #00C5D2, #46A3D0, #2B7C49, #011300)
- Aubergine Courtyard color palette (#DFEBF3, #006580, #3A005E, #00212C, #02000D)
- Iris Bloom color palette (#C8E6F8, #86B3D4, #6E80E2, #005556, #00273B)
- Byzantium Dune color palette (#EEDDC4, #A722DB, #00717A, #070F14, #000203)
Browse the whole catalog at Explore, or see today's palette.