Weathered Cobalt color palette — #CCF3BE · #61D8BA · #00B1C6 · #287AD2 · #311D70
Azure and Royal Purple set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#CCF3BE): A whisper-light, balanced green — the color of a quiet forest floor.
- Aqua (#61D8BA): A luminous, balanced teal — the color of shallow lagoons.
- Cyan (#00B1C6): A luminous, balanced blue — the color of open sky before noon.
- Azure (#287AD2): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#311D70): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Weathered Cobalt 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
- Indigo Canyon color palette (#B5F4D3, #3CD9E0, #04ACEF, #5669CB, #3E1C69)
- Muted Teal Loft color palette (#E4E3A0, #92D891, #00B9A0, #00809E, #003161)
- Hushed Alley color palette (#A4F5E7, #33C3CC, #0091AA, #005E86, #002F6B)
- Timeworn Balcony color palette (#D1E6D7, #00B4AC, #0089B4, #1544CA, #1D0041)
- Feathered Glacier color palette (#D7FFF5, #00E5EC, #00A3C6, #005A85, #001C47)
- Muted Amethyst color palette (#CAF4EC, #00CFF9, #3693FF, #8022ED, #4C0047)
- Quiet Onyx Boulevard color palette (#D3E4DA, #37ABA6, #00768E, #003F5F, #0B0051)
- Nightshade Pier color palette (#D7E9E2, #00A0B0, #0073C5, #4D00BE, #12001B)
Browse the whole catalog at Explore, or see today's palette.