Cobalt Basin color palette — #F0F7F4 · #D0DFE2 · #D9C0C8 · #0080B3 · #0C231C

A conversation between Cerulean and Onyx, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D0DFE2): bright and airy, almost weightless.
• Oat (#D9C0C8): A whisper-light, dusty rose — the color of strawberry cream.
• Cerulean (#0080B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#0C231C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cobalt Basin 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 Indigo Drift color palette (#FAF3F8, #E8D7D9, #D5BABB, #4E6ED2, #251A23)
• Hushed Lagoon Bloom color palette (#F1F7EF, #D0DEDA, #ADC7C3, #008881, #192117)
• Muted Cobalt color palette (#EFF7F5, #E0D4D2, #A7A59A, #358FD9, #21332E)
• Denim Courtyard color palette (#DFEBF3, #BECDE0, #9BA3BB, #005E7B, #0C171F)
• Sapphire Station color palette (#F5DDF2, #386FDE, #1C2045, #241311, #0B000A)
• Antique Coast color palette (#F1F8E7, #82CCB4, #00897A, #005D60, #001E16)
• Cocoa Workshop color palette (#F2F4FF, #C1B7E5, #967FA6, #764143, #472014)
• Gentle Lapis color palette (#FFF2EE, #66A2FD, #5D59C6, #740047, #050E32)

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