Cobalt Studio color palette — #FBF3EF · #B1CDBA · #377FB1 · #006248 · #2D385E
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Pistachio (#B1CDBA): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#377FB1): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006248): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2D385E): 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 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
- Hushed Navy color palette (#FFF2EE, #6EC8CF, #00789F, #005A2E, #012F6D)
- Cerulean Drift color palette (#ECF4EE, #A4CFE3, #0088B2, #005C57, #04223A)
- Ancient Sapphire Pier color palette (#F6EDE4, #8ABEAE, #4B5FBA, #004F50, #352251)
- Washed Coast color palette (#FAF4EC, #B7E0C5, #00A3D5, #007C77, #1C3E57)
- Tempered Hollow color palette (#FAF4EF, #C7E4D9, #7089BF, #00716C, #5F3A4D)
- Muted Teal color palette (#E9FDD9, #68B89A, #007466, #00402F, #00281B)
- Misty Raspberry Veranda color palette (#EBF1E1, #3EA379, #A8559D, #006746, #4E2348)
- Ancient Pier color palette (#EBE7D5, #8BAC5D, #00843D, #005A46, #0F3E54)
Browse the whole catalog at Explore, or see today's palette.