Cobalt Studio color palette — #F9F0EB · #ADD2B7 · #2C84B5 · #005E3F · #30152D
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Pistachio (#ADD2B7): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#2C84B5): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E3F): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#30152D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt Studio 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
- Ancient Forest Lagoon color palette (#FFEDE8, #71CDCC, #007E9C, #005618, #001A36)
- Cypress Villa color palette (#F7F0EB, #C2E6D6, #738EBB, #006D64, #3D2231)
- Antique Workshop color palette (#F9F4EE, #B1CDB9, #0085A8, #006058, #0D3F5C)
- Dusty Cobalt color palette (#F4E6DB, #86BBDC, #4867B3, #004B48, #190936)
- Pine Cabin color palette (#FAF2F8, #BADAE8, #459FD4, #008057, #283861)
- Soft Raspberry color palette (#F2DBDD, #A95A9F, #008266, #006369, #28060D)
- Tempered Navy color palette (#EEE3DD, #4A828F, #003F64, #002015, #00000C)
- Timeworn Pewter Alley color palette (#FFECEF, #FFC2C4, #CDB182, #686199, #331818)
Browse the whole catalog at Explore, or see today's palette.