Cerulean Garden color palette — #FBEFE9 · #AFD1B7 · #3085AF · #105E3B · #0C1E43

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Pistachio (#AFD1B7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3085AF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#105E3B): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0C1E43): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, 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

• Patina Cerulean color palette (#F9F4EE, #B2CDB8, #0585A5, #006157, #163F57)
• Softworn Cypress color palette (#F9F0EA, #C5E5D6, #748FB7, #006E62, #3F2033)
• Petrol Lagoon color palette (#F3E7DD, #8EBAD5, #4968AC, #004C47, #19073A)
• Chalky Teal Canyon color palette (#CEEDDA, #04A997, #007D83, #004B67, #001D3D)
• Hushed Dune color palette (#FAF2F8, #B7DBEA, #519ECC, #008055, #263864)
• Rust Balcony color palette (#D8F0DF, #00A3BA, #BD5A48, #00606E, #370A04)
• Patina Basin color palette (#F4E7E0, #308595, #004062, #002014, #00000C)
• Denim Market color palette (#EFE4DD, #58A9BE, #005C95, #003B2C, #050030)

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