Hushed Petrol color palette — #DAEFE8 · #0070B0 · #784800 · #002E4C · #020100

Slate and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DAEFE8): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#0070B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#784800): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002E4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, 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 Terracotta Loft color palette (#DDF8E5, #007889, #962700, #003139, #040000)
• Eclipse Denim Dune color palette (#DDEAF7, #00548D, #5F3100, #00223E, #0D0400)
• Navy Atelier color palette (#FBE0F7, #3962CB, #704D00, #03028A, #020100)
• Amethyst Study color palette (#FFE5F1, #764EC1, #5C5700, #36006E, #010100)
• Softworn Nightshade Studio color palette (#F3E6F0, #3647AE, #870600, #3B3100, #00000B)
• Deep Garnet color palette (#C4ECE0, #004F84, #6B004D, #002039, #040002)
• Patina Corridor color palette (#C9ECE1, #AFB2F8, #B57DBE, #005665, #01000C)
• Washed Olive Meadow color palette (#F5ECD4, #697A46, #443D00, #1C0F00, #000200)

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