Petrol Boulevard color palette — #E2F7DC · #4B8F84 · #2B688B · #3F3A00 · #0A2800

Peacock and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E2F7DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#4B8F84): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#2B688B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#3F3A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#0A2800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Cocoa Pier color palette (#F1E4D1, #628F6B, #006A78, #5E3700, #2D1B00)
• Wandering Pier color palette (#D4E7DE, #4895AB, #525791, #2E4C00, #00291B)
• Dusty Cerulean Harbor color palette (#D4E3DD, #3C99BA, #5E5A95, #3C2E00, #0A0600)
• Muted Petrol color palette (#D3E7EC, #2875A9, #3A4075, #4B1404, #2A1700)
• Tempered Pewter color palette (#DCECE3, #719D8F, #825E8C, #005645, #002B38)
• Timeworn Chapel color palette (#F7E5E0, #88AC8E, #007095, #004D28, #001134)
• Forest Villa color palette (#D4F3F5, #8AA8CF, #8E7094, #1F6547, #0A402A)
• Pale Quarry color palette (#D4F1F8, #3B9BE2, #6E74BC, #7C4A3E, #301A00)

Browse the whole catalog at Explore, or see today's palette.