Hushed Cobalt color palette — #FFF0FE · #5D81BC · #9C5F44 · #575600 · #402A3F

Built around Slate Blue, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Slate Blue (#5D81BC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#9C5F44): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#575600): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#402A3F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Pale Lagoon color palette (#FFF0F7, #8374BC, #8F692B, #0A6421, #412B36)
• Weathered Rust Workshop color palette (#E5FBF4, #4A88B4, #A6564F, #645100, #143B31)
• Pewter Delta color palette (#FEF4E4, #9B8DC6, #8E5181, #555000, #51333D)
• Washed Fern Chapel color palette (#FDE9EA, #975787, #526C12, #00504A, #3A1D20)
• Softworn Olive color palette (#E5F7EC, #0095B5, #66802A, #485A1E, #0B1F15)
• Tempered Corridor color palette (#FAF3F6, #E1D8D6, #CDBBB4, #716AAC, #50434A)
• Worn Lapis color palette (#FFD7EF, #5D46E0, #7A4D00, #2B4600, #1B144B)
• Powdered Amber Orchard color palette (#E9F8FF, #28B0C9, #CD7624, #008172, #1B3743)

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