Cerulean Canyon color palette — #F9F0EB · #87E0EF · #008FBE · #006450 · #052547

Cerulean takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9F0EB): a clean, paper-quiet neutral.
• Ice Blue (#87E0EF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008FBE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006450): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#052547): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Cobalt Garden color palette (#FFEEE5, #69CBE3, #007AB0, #005348, #001641)
• Cornflower Harbor color palette (#FAF0E7, #A2D7FF, #4E7EE2, #006169, #221D49)
• Worn Forest color palette (#F8F0EC, #C9E5C8, #309CB4, #1A6F47, #093428)
• Azure Delta color palette (#FEF0FB, #88EDFF, #3AA8D9, #00856D, #234165)
• Cerulean Boulevard color palette (#F1E4DD, #2C9AA5, #005169, #002D20, #00040D)
• Ultramarine Station color palette (#EAE2D9, #79A1C1, #214EB7, #00383E, #0B002C)
• Washed Corridor color palette (#FBEDE2, #407FA7, #003387, #001F21, #01000A)
• Linen Grove color palette (#FFD6F8, #E34AD6, #007920, #007165, #280926)

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