Cobalt Study color palette — #F8F0EC · #B2D1B8 · #0086B9 · #005F39 · #0E1F40

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Pistachio (#B2D1B8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0086B9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005F39): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0E1F40): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, 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

• Aged Study color palette (#FEEEE9, #6ACFC5, #007F95, #175500, #001C31)
• Soft Cornflower color palette (#FCEFE6, #9CDBF1, #0085E5, #006452, #1D1C50)
• Cobalt Workshop color palette (#F7F1EA, #A9D1C6, #6A75BD, #005B5F, #351322)
• Cobalt Balcony color palette (#F0E7E0, #82BCDC, #3D67BA, #004C46, #170E31)
• Powdered Teal color palette (#D4F1DA, #00B092, #00747B, #004A60, #001F3D)
• Wandering Veranda color palette (#FBF2F9, #ADDDF0, #549FC7, #3B7B58, #273B58)
• Soft Rust color palette (#DEEEE0, #00A5AF, #D04711, #006167, #370B00)
• Hushed Abyss color palette (#F3E8E2, #388493, #004061, #002014, #00000C)

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