Weathered Cobalt color palette — #FAF2F9 · #EDD4D4 · #DAB8AE · #5F84D2 · #4A3A48
A conversation between Azure and Stone, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FAF2F9): a clean, paper-quiet neutral.
- Bone (#EDD4D4): A whisper-light, dusty red — the color of a theater curtain.
- Stone (#DAB8AE): A luminous, dusty orange — the color of autumn markets.
- Azure (#5F84D2): A luminous, balanced violet — the color of a velvet chair.
- Charcoal (#4A3A48): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Sophistication. Tagged scandi, muted, 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
- Cobalt Quarry color palette (#F3ECF1, #E7D1D9, #D2ADB0, #5E6BB4, #342A31)
- Worn Periwinkle color palette (#F1F6FC, #DFD7E5, #C2A8A1, #6FA3FC, #36414F)
- Cerulean Thicket color palette (#EEF8F1, #CADEE1, #E5C1DB, #0096AF, #324539)
- Wandering Raspberry color palette (#FFF1F3, #EFD8D5, #DCB4A2, #AA4DA4, #46292E)
- Feathered Emerald color palette (#FDF4E4, #B2C383, #12A13A, #6C6091, #3C3B34)
- Feathered Violet Coast color palette (#F3D4E2, #935EFC, #5F325B, #371D2A, #180D17)
- Dusty Orchard color palette (#E0EEFF, #BEB2DD, #BC7FA2, #467B5D, #125242)
- Airy Pier color palette (#F5F8DA, #66AAFF, #B050DF, #1C6500, #2C3158)
Browse the whole catalog at Explore, or see today's palette.