Hushed Petrol color palette — #EDF9F0 · #92BFB4 · #4E9073 · #206D86 · #083F35

Peacock and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF9F0): a clean, paper-quiet neutral.
• Ash (#92BFB4): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#4E9073): A luminous, balanced teal — the color of sea glass.
• Peacock (#206D86): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#083F35): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Softworn Olive Boulevard color palette (#FFF1F6, #BEB682, #648E4A, #287070, #1A3E2C)
• Ancient Canyon color palette (#EDF8F3, #A6CDCA, #599E95, #4D769A, #204B48)
• Wandering Lagoon Workshop color palette (#E9F9F5, #8DBFC2, #12919A, #526D37, #003E41)
• Timeworn Olive color palette (#FFF1F6, #97BFA7, #698D4B, #7B527D, #1E3D2C)
• Hushed Summit color palette (#D9E9E0, #88B282, #00856F, #813C4A, #11310D)
• Celadon Courtyard color palette (#FBF5E6, #B3DF9B, #4D9B81, #456D5C, #292912)
• Softworn Cypress color palette (#F7F6EA, #78A97B, #007552, #005657, #35362F)
• Ancient Cypress Corridor color palette (#CDE8D9, #72A06C, #00715E, #004B6C, #032201)

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