Hushed Petrol color palette — #FBECFD · #7DAA76 · #00788F · #69333D · #04282B

Teal and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FBECFD): A whisper-light, dusty pink — the color of a candy shop window.
• Moss (#7DAA76): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
• Oxblood (#69333D): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#04282B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Hushed Petrol 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

• Muted Drift color palette (#FFEBF6, #7EBAA6, #577C9F, #724530, #1A3037)
• Taupe Workshop color palette (#FEEBF9, #B29A48, #2D7B63, #5D3365, #002A20)
• Patina Meadow color palette (#E6FCEA, #63A88A, #067881, #762C6A, #18444A)
• Terracotta Lantern color palette (#FFF2EE, #92C087, #2F94AB, #954754, #3B3E38)
• Powdered Ultramarine color palette (#DDFCDB, #00A79F, #365AB7, #573600, #002028)
• Pale Basin color palette (#FFE2DE, #009670, #005788, #620106, #001616)
• Tempered Alley color palette (#D1F5E6, #94B7BA, #748A9B, #6E4E5B, #4A343D)
• Misty Station color palette (#E2F7F5, #55A168, #824D86, #682932, #3C0712)

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