Azure Basin color palette — #FBF2FB · #B5F3F5 · #00A0CE · #006F34 · #021D40

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

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sea Foam (#B5F3F5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A0CE): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F34): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#021D40): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Azure 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

• Misty Cornflower Coast color palette (#FCF2F6, #C4EDFF, #3991FC, #006B5D, #1B1643)
• Pine Archive color palette (#FAF2F9, #D5D4E2, #5BB0E3, #16825A, #1D2E4A)
• Cobalt Dune color palette (#FCF2F8, #92D8EE, #007ED1, #005341, #07052C)
• Dusty Petrol color palette (#FAEBE4, #78BFC2, #00748D, #005236, #01314D)
• Hazy Ember Harbor color palette (#E4FAFF, #00C3BC, #FB4914, #00736E, #320600)
• Aqua Archive color palette (#E6F9FF, #2DD0FE, #008494, #003B4A, #000506)
• Powdered Mint Boulevard color palette (#C1EEBE, #00C899, #00938E, #00526A, #00263F)
• Denim Orchard color palette (#F0E3EC, #6FADBC, #00598B, #002D1F, #00000B)

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