Cobalt Basin color palette — #F9EBE4 · #A5D0B6 · #088FD0 · #006D60 · #182D51

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Pistachio (#A5D0B6): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#088FD0): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D60): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#182D51): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Worn Lagoon color palette (#FBF3EE, #B0E1CA, #659ACF, #007C79, #2E385D)
• Ancient Azure Cabin color palette (#FBF2F7, #BAF0FF, #009CE1, #006B5E, #0B1D3C)
• Hushed Cobalt color palette (#F8EDE3, #80B9DF, #4B73B9, #00585E, #1B144A)
• Sunlit Archive color palette (#EEDED0, #629AB9, #0F56A6, #003B3D, #06002B)
• Petrol Loft color palette (#EFDED6, #6CAEB4, #00718F, #004C36, #001528)
• Hushed Market color palette (#FCF3EE, #C3E8DC, #6BB1C1, #458B61, #295143)
• Faded Field color palette (#A8F7E3, #42C8A5, #008774, #004C41, #001C14)
• Linen Clover color palette (#E7EDD4, #6CB852, #008F56, #005A4C, #00322F)

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