Hushed Cobalt color palette — #FDF3ED · #AEDAC0 · #2188C0 · #00685B · #1A3D79
Cerulean and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Pistachio (#AEDAC0): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#2188C0): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00685B): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1A3D79): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Powdered Cornflower Basin color palette (#FBF4EC, #AADACE, #6076D8, #006474, #42356A)
- Aged Cobalt Alley color palette (#FFF2EB, #7EC3DC, #0073B7, #005651, #162A72)
- Dusty Cerulean Dune color palette (#E9F5F3, #97DCF0, #0090B7, #006168, #00293C)
- Teal Basin color palette (#DEF1EC, #00B2B5, #00798D, #005B77, #06417C)
- Aged Mallow Workshop color palette (#DFFEEB, #D5E7FF, #C6A4E8, #008C8B, #2B4C69)
- Cypress Field color palette (#FAF4EF, #CCE5E6, #819BBE, #247D80, #614A5A)
- Ancient Sky Workshop color palette (#EAF8FF, #4CB6F5, #00719C, #004662, #002E41)
- Feathered Harbor color palette (#E4FCED, #00A5C3, #C65B00, #00677B, #5F2800)
Browse the whole catalog at Explore, or see today's palette.