Hushed Petrol color palette — #CEE7D8 · #6EA38B · #0074A9 · #584A00 · #00472B

Slate and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CEE7D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#6EA38B): A luminous, dusty teal — the color of sea glass.
• Slate (#0074A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#584A00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00472B): A deep, shadowed, balanced teal — the color of glacier melt.

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

• Abyss Terrace color palette (#D3E7D8, #769F86, #676695, #314E1C, #003C40)
• Teal Dune color palette (#E8ECD3, #60B99A, #28719C, #734100, #443700)
• Worn Courtyard color palette (#D3F6DF, #8CAF99, #557AA9, #586300, #005A50)
• Navy Balcony color palette (#FFF2ED, #86C4CC, #0077A5, #005936, #04287D)
• Muted Forest Chapel color palette (#DAE9DA, #B297B5, #956E77, #286056, #33472A)
• Muted Cobalt color palette (#C5ECF3, #7C81B7, #734A61, #004541, #002B36)
• Feathered Moss color palette (#F6EAD6, #819E45, #006C43, #004B5C, #253400)
• Timeworn Lapis color palette (#CDEFFE, #6598DA, #5F59AB, #6C2900, #2E1D00)

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