Cobalt Study color palette — #F6DEF9 · #0079D6 · #007B40 · #004680 · #001506
Azure and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F6DEF9): A whisper-light, dusty pink — the color of a candy shop window.
- Azure (#0079D6): A full-bodied, vivid blue — the color of open sky before noon.
- Pine (#007B40): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#004680): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#001506): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns 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
- Sunlit Coast color palette (#C8ECDD, #0082B1, #3A7800, #004B69, #051400)
- Gentle Terrace color palette (#E1EDFF, #005CD7, #93009B, #005655, #00061C)
- Denim Basin color palette (#F0DBF2, #005FAE, #654500, #002D57, #180D00)
- Aubergine Orchard color palette (#F7E2EB, #8459D4, #00757A, #5600A5, #001314)
- Sapphire Terrace color palette (#D5E6FF, #5E9EFF, #00A674, #0060DA, #003824)
- Aged Hollow color palette (#FCEBED, #BB58BE, #007FAA, #841089, #001E2B)
- Weathered Corridor color palette (#DBE6FF, #ABADFF, #A07DE3, #2C599C, #141437)
- Weathered Atelier color palette (#DCEAFC, #639FFF, #B96A02, #0048AB, #1B0B00)
Browse the whole catalog at Explore, or see today's palette.