Cobalt Basin color palette — #FCF3EF · #ACCFBA · #357DBB · #00624D · #32375A

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Pistachio (#ACCFBA): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#357DBB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00624D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#32375A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Feathered Navy color palette (#FFF2ED, #7BC6CE, #0077A4, #005934, #062C74)
• Patina Cobalt color palette (#F9F4EF, #C6E4D9, #7288C1, #00716E, #4B4066)
• Aged Cobalt color palette (#ECF4ED, #A6CEE3, #1986B4, #005B5A, #07223A)
• Antique Petrol color palette (#F4EDE6, #8EBCB0, #5561AA, #004F52, #36224F)
• Pale Indigo color palette (#F3EEDF, #95923F, #646ECB, #5D5900, #2A2F63)
• Spruce Corridor color palette (#EFDCD7, #549E9C, #005267, #00330A, #00142B)
• Tempered Denim Meadow color palette (#F6EBE2, #7CAA95, #0053AD, #003F36, #1D0F50)
• Hushed Study color palette (#FDF1F9, #BAE8FF, #6BB9F9, #3F9F81, #31385A)

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