Petrol Boulevard color palette — #C7E8E0 · #589980 · #007B8D · #383000 · #000301
Teal and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C7E8E0): A whisper-light, dusty teal — the color of sea glass.
- Fern (#589980): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007B8D): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#383000): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. 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
- Antique Sapphire Alley color palette (#D5E6E9, #489FAD, #2466B9, #00340A, #000202)
- Pine Dune color palette (#D8EFDB, #7F9245, #00774D, #542100, #040300)
- Muted Cabin color palette (#D5F3EF, #60B285, #00856D, #264000, #001706)
- Wandering Cerulean color palette (#F2F1DD, #69AD8F, #0099AE, #5E4A00, #001103)
- Jade Hollow color palette (#EAECDB, #94C4A3, #00A788, #395400, #000200)
- Shadow Aubergine color palette (#CFE7E9, #006853, #30006F, #00251C, #010008)
- Misty Lantern color palette (#E0F6FF, #AED8FF, #B099FF, #007764, #001F2A)
- Forest Canyon color palette (#CBECF0, #60BBD1, #5191D1, #135F08, #000F0E)
Browse the whole catalog at Explore, or see today's palette.