Hushed Petrol color palette — #EDF8F3 · #CED09B · #6DA987 · #007986 · #233A55

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

The five colors

• Ivory (#EDF8F3): a clean, paper-quiet neutral.
• Pistachio (#CED09B): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#6DA987): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#233A55): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Petrol Study color palette (#EDF8F7, #A6DAB7, #4DAAB3, #426DA0, #3F2F54)
• Washed Quarry color palette (#EDF8F4, #C3D598, #5AAC93, #087692, #4D3203)
• Weathered Moss color palette (#E0FCF7, #64A558, #007270, #003C60, #11002C)
• Wandering Ash color palette (#E8FAF0, #C4E4E6, #AAC8CF, #759AA6, #3D515C)
• Patina Jade Coast color palette (#FCF1FA, #FFAFA6, #77BC86, #7683B9, #3D3F5D)
• Worn Petrol color palette (#F9F3FA, #F5B9C1, #5DA5C1, #5E62A9, #4D2949)
• Lime Alley color palette (#E3FBF6, #83C358, #009281, #005974, #130B63)
• Washed Honey color palette (#FDF2F5, #E3DCD2, #E5C463, #A2B1A8, #324C33)

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