Weathered Cobalt color palette — #F8ECE5 · #A7D0B5 · #288ECE · #006F50 · #1E2958

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F8ECE5): a clean, paper-quiet neutral.
• Pistachio (#A7D0B5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#288ECE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006F50): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1E2958): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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

• Tempered Azure color palette (#FFF3EA, #BCDDCC, #6998D2, #0B7D6B, #35355D)
• Softworn Azure color palette (#FAF2F8, #C6ECFF, #3199E1, #006D51, #121944)
• Cobalt Pier color palette (#F2E8E0, #7FB9DE, #4B6FC7, #005955, #240D4B)
• Petrol Study color palette (#E6F2E9, #93B7CA, #007299, #00504D, #003052)
• Frosted Courtyard color palette (#D6F7E7, #00B5AB, #007E8D, #005984, #12275E)
• Rust Market color palette (#DDF1FB, #0093C3, #C7500E, #855700, #002332)
• Pale Chapel color palette (#CFF7DC, #AED1FF, #D19EDD, #1C906E, #00344B)
• Feathered Sky Garden color palette (#CCECFF, #41B7F4, #0079AC, #00455E, #001B27)

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