Cerulean Coast color palette — #F9F0EB · #C1E7D0 · #4C95C5 · #006E61 · #372536

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

The five colors

• Cream (#F9F0EB): a clean, paper-quiet neutral.
• Celadon Mist (#C1E7D0): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4C95C5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E61): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#372536): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cerulean Harbor color palette (#F7F0ED, #CAE5C7, #009FB4, #326C46, #0E3427)
• Washed Cobalt color palette (#FEEEE6, #8BDFF0, #008EC3, #006453, #05244A)
• Tempered Coast color palette (#F3E7DF, #4894B5, #004A85, #002C2B, #02001D)
• Muted Powder Summit color palette (#EFF7F6, #D7DEE9, #72C7EB, #3B9099, #2A4254)
• Timeworn Petrol color palette (#F2E7DF, #87BCD1, #0070B3, #004C47, #091333)
• Quiet Lilac color palette (#FAF1E0, #BDA148, #A075D5, #796200, #2E1E41)
• Antique Field color palette (#F1E6DA, #69A2D3, #2646C6, #003840, #0C002B)
• Indigo Pier color palette (#FAF1DB, #9A9024, #6E76C9, #755BA0, #261D03)

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