Cerulean Studio color palette — #F6F0F3 · #C9E0EF · #678FC7 · #006E61 · #212A4A

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

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Powder Blue (#C9E0EF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#678FC7): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E61): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#212A4A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Wandering Cerulean Workshop color palette (#F1F7F2, #C4E1F5, #5690C0, #006F79, #364963)
• Cobalt Station color palette (#FBEEF2, #B3CAE2, #6C76B4, #005B5F, #29143D)
• Gentle Denim color palette (#B4EEF4, #55B4BC, #0084A3, #00559B, #23254A)
• Navy Lantern color palette (#F7E8F3, #557F93, #003E66, #002016, #01000B)
• Tempered Corridor color palette (#E8DFE8, #77A4B3, #006180, #003C1B, #000A20)
• Chalky Amber color palette (#E5F4FF, #65AED1, #BF7B46, #006E93, #3E1E01)
• Forest Studio color palette (#F9EDFA, #71CDCB, #007E9B, #005615, #001B35)
• Lagoon Station color palette (#E6F4FF, #D8D4E5, #F1B6D9, #2C9587, #223142)

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