Petrol Boulevard color palette — #EEF6FF · #69A5DC · #539C69 · #1669A9 · #284C32
Built around Peacock, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Cornflower (#69A5DC): A luminous, balanced blue — the color of open sky before noon.
- Fern (#539C69): A luminous, balanced teal — the color of glacier melt.
- Peacock (#1669A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#284C32): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Sunlit Pier color palette (#F2F5FF, #9D95D9, #009E9C, #645A9E, #004D4C)
- Timeworn Basin color palette (#E7F9FF, #41B2B8, #938C44, #007479, #484412)
- Softworn Petrol color palette (#E8F3FF, #7EA8D4, #B3842E, #0066B3, #362300)
- Timeworn Basin color palette (#EFF6FF, #6188CB, #9B649B, #007878, #2A394D)
- Faded Grape Parlor color palette (#F3F4FF, #A67ADF, #008F9D, #781DC3, #00434A)
- Muted Cobalt Boulevard color palette (#E9F9F5, #88BCF2, #CA9C48, #1183DD, #583D00)
- Weathered Cerulean color palette (#EFF6FF, #E1D6E8, #CCBEF1, #6085B0, #3F485B)
- Feathered Lantern color palette (#D8E5FF, #6271FE, #00836D, #3600DC, #00372C)
Browse the whole catalog at Explore, or see today's palette.