Cerulean Summit color palette — #F9F0EB · #C6E5D2 · #3E96CD · #0D6D61 · #392437

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9F0EB): a clean, paper-quiet neutral.
• Celadon Mist (#C6E5D2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3E96CD): A luminous, balanced blue — the color of open sky before noon.
• Pine (#0D6D61): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#392437): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Dusty Cobalt color palette (#FAEFEA, #99DCEB, #008DC4, #006454, #0C2546)
• Ancient Cerulean color palette (#F8F0EB, #CCE4C9, #009FB5, #2F6D47, #0A3427)
• Dusty Navy color palette (#F5ECE5, #3B95BB, #004A86, #002C2B, #02001D)
• Turquoise Villa color palette (#FCF2F8, #C5EBFF, #6CADD9, #46887D, #374961)
• Peony Atelier color palette (#EFF4E5, #5ABA88, #D35F96, #00784B, #3F172A)
• Hushed Cobalt color palette (#F1E7E1, #86BCD2, #0070B4, #004C47, #081236)
• Ultramarine Orchard color palette (#F0E5D8, #6FA2CE, #2B47C2, #003840, #0D002A)
• Dusty Lagoon color palette (#E5F9DB, #68CAB4, #008D76, #00493E, #001A13)

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