Hushed Cobalt color palette — #FFF1F6 · #A5CAE9 · #6676A8 · #00605F · #3F3357

Built around Slate, softened by Peacock — the whole palette hums with creativity and calm.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#A5CAE9): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6676A8): A full-bodied, dusty violet — the color of twilight just after sunset.
• Peacock (#00605F): A full-bodied, dusty teal — the color of sea glass.
• Navy (#3F3357): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Aged Boulevard color palette (#FBF2FB, #9CCFDC, #0085A4, #25622A, #1A3D5E)
• Cobalt Quarry color palette (#FFF0F8, #6AC5E6, #056EC6, #005749, #2B256D)
• Cobalt Veranda color palette (#F6F1E9, #AAD1C4, #487DC2, #005969, #141C44)
• Tempered Cypress Chapel color palette (#FBF2F6, #D9DEF0, #859AC0, #3C7B75, #4B516D)
• Violet Boulevard color palette (#DCF5EC, #839846, #8F61B2, #4D5F00, #412953)
• Ancient Ridge color palette (#FCF4EC, #C1EBDC, #90AEFF, #00A09D, #3E3356)
• Patina Courtyard color palette (#F5E9F1, #4A9CAE, #004E79, #003122, #070642)
• Sky Balcony color palette (#DEFEF2, #ACDFE1, #72C2E5, #936635, #214642)

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