Petrol Boulevard color palette — #E2ECE4 · #8BBDC9 · #007984 · #004D37 · #001921
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Ash (#8BBDC9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001921): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Weathered Cerulean color palette (#EBF5ED, #A5CFDE, #008AA4, #005D4E, #002434)
- Dusty Petrol Loft color palette (#E2ECE4, #8BBBD5, #1C6FB1, #004A52, #000E41)
- Forest Harbor color palette (#F7ECE9, #7BC0BB, #00748C, #09540C, #023052)
- Denim Studio color palette (#E9F3EB, #6DA7B4, #00617F, #003A36, #000C18)
- Lagoon Chapel color palette (#DCE7DE, #40848E, #004254, #00201C, #000103)
- Misty Mulberry Alley color palette (#E0DAFB, #8E4C99, #7A5700, #00575D, #17001B)
- Misty Lagoon color palette (#FBF1FD, #C2EEFA, #00A1C7, #007022, #001F3D)
- Muted Field color palette (#CEEEDD, #818D4F, #5F5600, #402E00, #061200)
Browse the whole catalog at Explore, or see today's palette.