Cobalt Study color palette — #FEF1F7 · #90DAFB · #3E83C6 · #006764 · #323D66

Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Ice Blue (#90DAFB): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3E83C6): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006764): A full-bodied, dusty teal — the color of sea glass.
• Navy (#323D66): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Grove color palette (#FFECF5, #95DBF9, #3C83D9, #006356, #211B50)
• Washed Forest Garden color palette (#FEF0F9, #9ACFDC, #02879B, #0E6339, #1A3E57)
• Weathered Periwinkle Market color palette (#FFF3EA, #ABE4FF, #619DEE, #008474, #3C3573)
• Linen Cobalt color palette (#FBE9F0, #71BAEB, #3865B5, #004F54, #2A294C)
• Patina Canyon color palette (#ECF7FF, #CFDDFF, #C7A0E7, #138081, #2B4863)
• Denim Market color palette (#F2E3EB, #439CB9, #004D7C, #00302C, #030B3E)
• Sky Field color palette (#FBF4E9, #C3EBFF, #6CBEFF, #00A4B0, #183E77)
• Chalky Azure color palette (#D8EFFF, #2A9CDA, #954800, #635300, #0A344C)

Browse the whole catalog at Explore, or see today's palette.