Airy Navy Harbor color palette — #C8E8D3 · #009393 · #00698B · #022C97 · #090016
Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Celadon Mist (#C8E8D3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#009393): A luminous, balanced teal — the color of sea glass.
- Peacock (#00698B): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#022C97): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#090016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Airy Navy 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
- Lagoon Study color palette (#DBE4D5, #00987E, #006E7C, #004066, #040018)
- Petrol Summit color palette (#D1F4F1, #007B8C, #00506E, #00223D, #00001F)
- Washed Meadow color palette (#BEE8E4, #008EAE, #1752C7, #4B0D87, #0E000C)
- Airy Lagoon color palette (#F3DED1, #008D84, #144ACA, #612600, #000406)
- Eclipse Denim color palette (#D3F0E1, #006681, #141C4A, #020F0A, #000201)
- Washed Petrol Ridge color palette (#D2E8DC, #3796A8, #5F5F9F, #554500, #1A1400)
- Cypress Garden color palette (#DDE6DC, #87A9A9, #A690A2, #00726E, #030C03)
- Tempered Mulberry Boulevard color palette (#DFEEDC, #00847C, #9D0056, #522B00, #040100)
Browse the whole catalog at Explore, or see today's palette.