Azure Coast color palette — #FBF3F0 · #C0DDC6 · #3BA2C9 · #007F61 · #1D3D5B
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF3F0): bright and airy, almost weightless.
- Celadon Mist (#C0DDC6): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#3BA2C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007F61): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1D3D5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Azure Coast 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
- Muted Hollow color palette (#FBF3EE, #C0E8E8, #75AADD, #008D88, #3A466B)
- Gentle Meadow color palette (#F7ECE4, #9CCCE6, #4888D6, #006B6D, #242857)
- Ancient Atelier color palette (#EADFDB, #589FAC, #006084, #003D31, #00091B)
- Airy Ultramarine Parlor color palette (#F4EAE0, #73A9CC, #1F61C4, #00494D, #110044)
- Airy Iris Study color palette (#FAEDD7, #C4A456, #788DEF, #8E6C00, #262E69)
- Worn Harbor color palette (#F4E6CF, #B9AE89, #9A7C34, #864900, #31312A)
- Pale Cornflower color palette (#F2E3C5, #AC943D, #6183E5, #8F56AF, #352A00)
- Antique Pier color palette (#FDF4E2, #D8E8B5, #91DAC5, #B9703D, #41441C)
Browse the whole catalog at Explore, or see today's palette.