Azure Coast color palette — #E6F7EC · #B7A44C · #009AD0 · #766400 · #0A2A3E
Built around Cerulean, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
- Gold (#B7A44C): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#009AD0): A luminous, balanced blue — the color of open sky before noon.
- Olive (#766400): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#0A2A3E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Worn Iris Balcony color palette (#E4F8EC, #B2A652, #947CD2, #726500, #212440)
- Powdered Amber color palette (#E8FCE8, #CB9439, #6189D0, #875C0C, #2F4265)
- Azure Lantern color palette (#FDECF6, #DA8E6C, #4F95E3, #9B410E, #0C2846)
- Mustard Field color palette (#FFF3E2, #DCB153, #6CABE2, #9E7A27, #1B4C41)
- Weathered Ridge color palette (#EBF5EA, #8FB6A0, #966B31, #6D3D2E, #0E2822)
- Indigo Quarry color palette (#FFECF3, #C37A2A, #7770CF, #6562A3, #2D161F)
- Amber Atelier color palette (#FFF3E4, #FBCB86, #8FBDFF, #B47E1F, #472F47)
- Hushed Indigo Lagoon color palette (#D2FBFC, #00B47A, #686BFF, #006D48, #171256)
Browse the whole catalog at Explore, or see today's palette.