Weathered Cobalt Study color palette — #FBEFE9 · #ABD3B8 · #0084C3 · #005E42 · #2F162B
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#FBEFE9): bright and airy, almost weightless.
- Pistachio (#ABD3B8): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0084C3): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005E42): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#2F162B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Cobalt Study 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
- Patina Hollow color palette (#F7F0EA, #A4CDEB, #5877CB, #005B59, #23193A)
- Misty Forest color palette (#FFEEE8, #5DCFD3, #007DA1, #005626, #00193A)
- Dusty Turquoise color palette (#F7F0ED, #C4EAE3, #5FA5CE, #4A765E, #412F3F)
- Patina Navy Cabin color palette (#E7DDD7, #3E8396, #003E69, #002017, #01000B)
- Airy Nightshade Studio color palette (#E6DDD3, #588FBD, #3135A7, #002B2D, #080014)
- Feathered Villa color palette (#E8EBD8, #62A45E, #D14287, #0E620E, #36051E)
- Teal Boulevard color palette (#DFF8D2, #46BC9E, #00795B, #003D30, #00130E)
- Pine Veranda color palette (#E9E3C4, #88A641, #007735, #005045, #00292D)
Browse the whole catalog at Explore, or see today's palette.