Hushed Cerulean color palette — #FBF3F0 · #ACCFB3 · #2183A7 · #00624B · #1F3D59

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Pistachio (#ACCFB3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2183A7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00624B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1F3D59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Cerulean 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 Cerulean color palette (#EBF4F2, #A9CEDC, #268A9C, #005B59, #002530)
• Timeworn Parlor color palette (#F5F6ED, #C1DDC6, #44A4B7, #007C78, #004252)
• Hushed Pier color palette (#F6EDE5, #83B9D7, #2768B4, #004F51, #23265C)
• Softworn Abyss Summit color palette (#F3E1D8, #4E8B97, #00425D, #00231C, #00081C)
• Sky Parlor color palette (#FBF2F9, #BFE8F7, #53C0EB, #29A280, #1E3D5A)
• Misty Jade Veranda color palette (#D0FFEC, #61BD8E, #007A58, #00422B, #002E1B)
• Patina Harbor color palette (#E3E2D3, #8FAD51, #0B7C2B, #00593F, #003E46)
• Worn Olive Pier color palette (#F1F9E1, #A9E3D9, #6AB5D7, #6A7A35, #344027)

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