Airy Cobalt Harbor color palette — #F9E8F9 · #2671C4 · #726000 · #514400 · #321D34

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E8F9): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#2671C4): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#726000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#514400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#321D34): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Indigo Parlor color palette (#FCE8F4, #6263C2, #486E0C, #115304, #351D2D)
• Terracotta Coast color palette (#DBF5EE, #2F74B3, #9B3F40, #4E4600, #002E26)
• Hushed Violet Drift color palette (#FFF1F6, #8F6EBE, #94653C, #674F00, #422B34)
• Wandering Villa color palette (#FFECF3, #8464B3, #6D4E00, #2E4200, #003235)
• Nightshade Meadow color palette (#EFE1EA, #4439B1, #5C3B00, #392300, #0A0826)
• Powdered Mulberry Chapel color palette (#F1F1D6, #7480C5, #803E76, #004D32, #462334)
• Washed Plum color palette (#ECE6F8, #A35492, #984E00, #544100, #150924)
• Feathered Byzantium Bloom color palette (#EDDDFF, #8F00DB, #4E6200, #354300, #29113D)

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