Cobalt Study color palette — #FEF1F6 · #A1CBE9 · #5077BD · #005F65 · #2E395A
A conversation between Slate and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Sky (#A1CBE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#5077BD): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#2E395A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Hushed Cobalt Atelier color palette (#F0F3EA, #9CCEF3, #4580B8, #005772, #0C203C)
- Tempered Loft color palette (#FAF3F7, #A4CDD7, #00879B, #196239, #143F55)
- Azure Meadow color palette (#E8F9F8, #ABDBFF, #5E9AD5, #177697, #253B5A)
- Wandering Petrol Quarry color palette (#F4F4FF, #FAC2E4, #EB9E94, #536EAA, #464058)
- Soft Violet color palette (#DFE3FD, #8663C3, #6E7300, #006C42, #272942)
- Denim Study color palette (#E8DCE5, #4F9CAD, #005072, #003128, #001232)
- Tempered Grove color palette (#FAF4EB, #C6E9DD, #8EB4E6, #009CB6, #4D2E47)
- Worn Amethyst color palette (#D8E8FF, #7C8BE4, #8244CC, #652C7A, #502844)
Browse the whole catalog at Explore, or see today's palette.