Cerulean Canyon color palette — #F9F1E4 · #91D6D6 · #228A9C · #005D4A · #02281A
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9F1E4): bright and airy, almost weightless.
- Ice Blue (#91D6D6): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#228A9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005D4A): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#02281A): A deep, shadowed, dusty teal — the color of sea glass.
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
- Tempered Cobalt color palette (#F9F1E4, #9ED0E8, #4A81AD, #005A61, #2E172D)
- Softworn Cerulean color palette (#F6F1EA, #BFE8D0, #6095B3, #246A69, #06342C)
- Lagoon Orchard color palette (#EFE4D3, #22878F, #004351, #00201A, #000103)
- Wandering Turquoise Archive color palette (#E6DFD3, #1DAFC1, #00627B, #003A34, #000C17)
- Dusty Pier color palette (#FBE8C9, #997600, #007D8A, #7D407C, #1D1200)
- Pine Lantern color palette (#FFF2EE, #D0DFF7, #5AB3D6, #3B7F4E, #3B253C)
- Sunlit Sapphire Workshop color palette (#FDF0DB, #71C4FF, #006DDC, #004F5E, #0C1047)
- Cobalt Lagoon color palette (#FAE6CA, #CB9624, #4669BC, #6F4E00, #0A1840)
Browse the whole catalog at Explore, or see today's palette.