Cerulean Coast color palette — #F2F2EB · #C5E6CB · #369CB0 · #006D69 · #103423

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

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Celadon Mist (#C5E6CB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#369CB0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006D69): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#103423): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Hushed Lagoon color palette (#F1F3EC, #BBE8D6, #5394C3, #006980, #37243A)
• Muted Cerulean Meadow color palette (#EFF2E3, #4097AB, #005168, #002B2E, #00050A)
• Softworn Basin color palette (#F1F3EC, #A9D3BC, #0087B4, #005A64, #00281D)
• Dusty Cabin color palette (#EFF5E1, #6DB785, #4A92D7, #007940, #002F27)
• Hushed Harbor color palette (#FBF3F0, #BFE3EB, #71C8EB, #419378, #26463F)
• Cobalt Coast color palette (#E8F8DF, #2DA38A, #0087CA, #707010, #15230B)
• Hushed Navy Chapel color palette (#DFE4D6, #4C7CAC, #00377F, #001D2D, #00000D)
• Lagoon Basin color palette (#EAF8D9, #84CDA9, #008E64, #004E33, #00190D)

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