Cobalt Corridor color palette — #FBF3F0 · #B1CEB5 · #0083AF · #006436 · #4B2F4A

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Pistachio (#B1CEB5): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#0083AF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006436): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4B2F4A): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Cobalt Corridor 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

• Wandering Grove color palette (#FDF3EB, #9DCCE7, #5377B8, #006059, #4E3040)
• Washed Courtyard color palette (#EDF4EE, #8CD6DD, #048AA6, #005D50, #042336)
• Turquoise Chapel color palette (#F9F4EC, #9FE2E9, #39A4C0, #007E6D, #1A4335)
• Tempered Thicket color palette (#FBF3F0, #C9EBE3, #68A2BC, #4C7B59, #5F4B5F)
• Cerulean Study color palette (#ECDBD4, #398E9C, #004161, #002416, #01022A)
• Amber Parlor color palette (#FBEBE1, #D36D31, #008B81, #8B3B00, #003F3A)
• Crimson Archive color palette (#FFDCD1, #C34B5C, #0075A7, #3D518E, #412219)
• Lapis Parlor color palette (#FEF3E8, #7DBEF8, #4F4BFA, #005558, #3F215E)

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