Cerulean Garden color palette — #FCF3EF · #9ADBE3 · #008CB5 · #006950 · #11426C

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Ice Blue (#9ADBE3): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008CB5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006950): A full-bodied, balanced teal — the color of sea glass.
• Navy (#11426C): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cerulean Garden 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

• Misty Petrol Villa color palette (#FFF2EC, #69C7DA, #0077A4, #005748, #053265)
• Ancient Basin color palette (#E3F7F3, #7BE2F0, #0092AB, #006261, #002A37)
• Soft Cornflower color palette (#FBF4ED, #A8D5F0, #057BF2, #006668, #373C64)
• Aged Pier color palette (#F5F7E7, #94EBF7, #00AECB, #008281, #05475A)
• Tempered Abyss color palette (#ECDCD5, #569CA2, #005268, #003122, #001528)
• Gentle Ultramarine color palette (#EEE4DB, #67A6D1, #0049C8, #003D42, #1B1744)
• Mint Pier color palette (#DAFFF0, #00CBA0, #008059, #00452E, #002D1B)
• Misty Thicket color palette (#F4F9DA, #A2FFF6, #39C0FE, #717A15, #204E3A)

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