Cerulean Canyon color palette — #F3F7EB · #C6E9DD · #86B7E6 · #1899C2 · #233B5B

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Honeydew (#C6E9DD): A whisper-light, dusty teal — the color of sea glass.
• Sky (#86B7E6): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#1899C2): A luminous, balanced blue — the color of deep harbor water.
• Navy (#233B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Aged Delta color palette (#F4F8E4, #A2E5FF, #12B9F8, #0095A7, #003755)
• Cypress Bloom color palette (#FAF4EE, #AFE1D0, #7996C7, #007B83, #36355D)
• Lagoon Quarry color palette (#F6F6EA, #CCEAC9, #63C3C8, #1EA18B, #00434B)
• Azure Orchard color palette (#DAF6ED, #81C6FF, #E690C4, #4198DA, #512240)
• Hushed Pier color palette (#EBF1DF, #74A6D3, #2D74C9, #00587A, #00032B)
• Cobalt Harbor color palette (#EBF4F3, #A2CDED, #3B80BF, #005772, #0B213A)
• Periwinkle Field color palette (#FFF0FE, #E0D8ED, #DCBAE4, #78AAD9, #543B50)
• Misty Wisteria color palette (#F7DAF7, #77B0FF, #CE85D7, #23ABA5, #162C49)

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