Azure Coast color palette — #F9F3F7 · #D5E0F3 · #5BA2CC · #3C7C6E · #445468

Built around Cyan, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D5E0F3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cyan (#5BA2CC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#3C7C6E): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#445468): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Cypress Terrace color palette (#F1F3EB, #C2E4E0, #6FA5B9, #38767A, #253C32)
• Tempered Sky Atelier color palette (#EDF8F6, #D3DDED, #7CBCD4, #5C8FA0, #3E5666)
• Washed Quarry color palette (#EFE6EC, #52AEBD, #005F81, #003F32, #001F41)
• Hushed Courtyard color palette (#F1E6EC, #4D89A1, #003F6A, #002220, #02022B)
• Hushed Lilac color palette (#ECF9F0, #C2AF6F, #9A8BD9, #867123, #454B6A)
• Driftwood Chapel color palette (#EAFAF0, #A0C0B4, #8D804C, #4D654A, #394C49)
• Muted Cerulean color palette (#FBF2F9, #9BCEDF, #0086A3, #006343, #173E59)
• Sunlit Sapphire Study color palette (#FFF1F6, #88BEE8, #1A58FA, #00555C, #302666)

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