Cerulean Loft color palette — #FDF3F0 · #CDE4CB · #1599BA · #3C703E · #245147

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Celadon Mist (#CDE4CB): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#1599BA): A luminous, balanced blue — the color of deep harbor water.
• Olive (#3C703E): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#245147): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Cerulean Studio color palette (#FAF3F0, #C8E5D0, #3B93C7, #107450, #583D54)
• Patina Thicket color palette (#EDF4EE, #B0E7F5, #479CA8, #356A57, #0F3040)
• Aged Turquoise Workshop color palette (#FAF4EC, #C0E8DC, #50B5C4, #508773, #2E503F)
• Cobalt Summit color palette (#FFF2EB, #57C9E1, #0074B2, #005840, #202C67)
• Terracotta Orchard color palette (#FFF2ED, #DD837B, #009E95, #A1443E, #0C4D48)
• Weathered Bloom color palette (#ECDCD6, #4D9DA6, #005070, #00321B, #000F3A)
• Indigo Thicket color palette (#FBF4EB, #A4D4FF, #6372E1, #006669, #483560)
• Softworn Aqua Lantern color palette (#FAF3F7, #CEE3F7, #7BCBDE, #72A685, #314B5E)

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