Cerulean Canyon color palette — #F5F6ED · #C7E6C9 · #009CAB · #007268 · #31503D
Cerulean takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Celadon Mist (#C7E6C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#009CAB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007268): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#31503D): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Ash Orchard color palette (#F4F6EF, #C8E4E5, #6DA0C3, #397889, #3F5952)
- Ancient Boulevard color palette (#F5F6EC, #A6D1B6, #0085A7, #005F64, #1A4335)
- Timeworn Cerulean color palette (#DFE1D1, #449EAB, #005363, #003030, #001720)
- Grape Harbor color palette (#FFF1F5, #B78AD3, #009AB4, #7F4A9E, #004B59)
- Hushed Alley color palette (#FCF3F0, #C4ECE1, #8BC7E0, #78A57F, #563E58)
- Shell Boulevard color palette (#FFF1F2, #E7D7D6, #FFB4C1, #936F92, #624948)
- Quiet Peony color palette (#FFF1F2, #B866AB, #BA5C3C, #4C65A9, #4C2E32)
- Bronze Veranda color palette (#FFF2EB, #C39F84, #A05F46, #764137, #5B3100)
Browse the whole catalog at Explore, or see today's palette.