Weathered Cobalt color palette — #F2F4FF · #CCF2C2 · #7A6AAA · #313654 · #0D0F18

Slate and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Celadon Mist (#CCF2C2): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#7A6AAA): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#313654): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0D0F18): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Wandering Driftwood Bloom color palette (#F5F4FD, #EDFDC9, #9D769F, #48415D, #1C1A24)
• Denim Boulevard color palette (#FDECF5, #94C193, #514D85, #391C2E, #150710)
• Aged Plum Lantern color palette (#F9F2FF, #D7E27A, #A83C78, #4C1835, #0D0315)
• Weathered Ash Veranda color palette (#FFF1F4, #FFC6B6, #AB84B8, #7D5660, #2B1D21)
• Hushed Basin color palette (#EFF6FF, #83B3FF, #9EA63D, #008190, #192536)
• Amber Corridor color palette (#F3F4FF, #F1D2E9, #DF8434, #9977C4, #1D0C14)
• Pale Coral Loft color palette (#E1FDF0, #F5B0F4, #D4706A, #00707D, #372D40)
• Softworn Lilac Basin color palette (#F1F5FF, #9F95F6, #6E8722, #006281, #081A28)

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