Timeworn Cerulean Lagoon color palette — #FAF4F0 · #C1E7D2 · #4691C8 · #007269 · #563F53

A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C1E7D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4691C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007269): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#563F53): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Muted Cerulean Harbor color palette (#FAF3F0, #CAE5C9, #1F9AB2, #2E714D, #2C5044)
• Tempered Cobalt color palette (#FAF4EE, #9ED2BF, #4677C6, #005F64, #4F2E44)
• Cobalt Loft color palette (#FEF2EC, #85DDF3, #0089C3, #00685A, #213F6F)
• Dusty Bronze color palette (#FFF0FB, #7183CC, #9A7500, #247A53, #443140)
• Shell Harbor color palette (#FFF0F8, #E5D8D4, #F9AEBB, #5C7CA4, #5C444F)
• Hushed Teal Archive color palette (#EFF8F1, #D3DFF7, #94C5E4, #58A7A8, #344A61)
• Worn Lagoon Harbor color palette (#F4E4DE, #3F8E96, #004358, #002319, #000A18)
• Aged Coast color palette (#F7E8E0, #55B0A9, #006370, #00411E, #002333)

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