Hushed Cobalt color palette — #FBF3F0 · #AFCEB9 · #007FC0 · #006247 · #2D385D

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Pistachio (#AFCEB9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#007FC0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006247): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2D385D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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 Cobalt color palette (#FCF3EC, #9CCDE8, #4A76C7, #006059, #4D3040)
• Feathered Aqua color palette (#FFF2ED, #40CED3, #00799C, #005A28, #003168)
• Cerulean Quarry color palette (#EBF5ED, #8ED4E6, #2E86AB, #005C58, #092237)
• Tempered Azure color palette (#FAF4EB, #A3E0EF, #3FA1CB, #007C77, #174339)
• Dusty Ash color palette (#FBF3F0, #CBE8E3, #6DA0C1, #4D7A63, #5F4B5C)
• Muted Loft color palette (#E5F4DD, #00A58D, #A648C1, #006556, #45274E)
• Navy Market color palette (#F5E7DE, #328DA7, #003E6E, #00231B, #06002B)
• Washed Sky Cabin color palette (#FDF1F9, #C3E6F8, #6FBBE9, #379F8C, #223B5E)

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