Petrol Boulevard color palette — #E3F2F0 · #68BFDB · #007297 · #004E57 · #00324B
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E3F2F0): a clean, paper-quiet neutral.
- Cyan (#68BFDB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Worn Cobalt color palette (#ECF8F7, #9DCDE6, #427FA7, #005D70, #1F3D59)
- Hazy Denim color palette (#D7EBEA, #71A5CC, #00589D, #003B4F, #061E43)
- Aged Cerulean color palette (#D7EEE9, #2CA1AC, #005360, #00302E, #00171F)
- Hushed Petrol color palette (#EDF8F6, #D4DCEE, #799EB9, #3E7984, #445564)
- Dusty Chapel color palette (#F5EBF1, #A3DEF1, #5FAAF0, #009477, #23255F)
- Worn Wisteria color palette (#F1F3FF, #D5AAED, #BF7EBB, #5A538F, #312F50)
- Frosted Indigo Grove color palette (#D4DEF6, #6B6CE7, #007B6F, #3C31A4, #00312B)
- Feathered Amethyst color palette (#E9DFFE, #813FCF, #AE004D, #005475, #241738)
Browse the whole catalog at Explore, or see today's palette.