Quiet Cerulean color palette — #FFF2ED · #92DDE4 · #008ABB · #006B3D · #213E71

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#92DDE4): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008ABB): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006B3D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#213E71): 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 Quiet 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

• Softworn Alley color palette (#FFF2EC, #6EC7D6, #0076AB, #00593B, #152A73)
• Cerulean Courtyard color palette (#EBF5ED, #9CDDE3, #0091AF, #006356, #00293B)
• Sunlit Field color palette (#FFF3E6, #ADD3F4, #6A79C4, #006669, #4A306A)
• Turquoise Thicket color palette (#FBF4E9, #C2E5C9, #00ADCF, #008473, #004662)
• Cypress Parlor color palette (#FBF3EF, #CCE6E4, #799DC2, #3F7C6B, #614B59)
• Softworn Lagoon Workshop color palette (#FFEAE4, #489FA2, #00516B, #003214, #001330)
• Wandering Navy Balcony color palette (#E9DCD1, #5388A2, #003685, #00231F, #0A0027)
• Emerald Loft color palette (#FCF1FA, #9DF6FD, #42C5FD, #1EAB65, #223F6D)

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