Cerulean Garden color palette — #F7F1E8 · #8AD7DB · #2A899E · #005D4D · #00281B

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Ice Blue (#8AD7DB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2A899E): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#00281B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Tempered Cobalt color palette (#F9F1E4, #9ED0E8, #4A81AD, #005A61, #2E172D)
• Antique Cerulean Chapel color palette (#EDE2D1, #008896, #004354, #00201B, #000103)
• Turquoise Loft color palette (#EAF9F6, #B0DDEC, #1CA7BA, #007D75, #004250)
• Aqua Pier color palette (#EDF7D3, #AEF0DB, #6BC2CF, #587340, #1E2711)
• Timeworn Cerulean Orchard color palette (#EEE5D8, #2595C7, #004B82, #002B31, #00011C)
• Antique Turquoise color palette (#FCF3EF, #CFDDF5, #67B1D2, #487C58, #3C253C)
• Soft Hollow color palette (#C0FFDB, #38C589, #00814F, #003D24, #001107)
• Pale Sapphire color palette (#FAF0E2, #7AC3FF, #0D67EC, #004F61, #100F47)

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