Azure Coast color palette — #FEF1F8 · #BFEEFF · #3095F1 · #006C58 · #18193E

Built around Azure, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Frost (#BFEEFF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3095F1): A luminous, vivid blue — the color of open sky before noon.
• Pine (#006C58): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#18193E): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Softworn Forest Delta color palette (#FAF2FA, #BCF0FD, #00A2C5, #0C6F1F, #001F3C)
• Worn Corridor color palette (#FBF2F6, #D8D4DF, #76A6F5, #008075, #2D284D)
• Indigo Quarry color palette (#FEF1F5, #9ED3FC, #4F67F6, #005151, #13002A)
• Softworn Petrol Pier color palette (#F9EBE3, #7EBCD1, #006EAB, #00504A, #192B58)
• Olive Drift color palette (#FAF2FB, #C8DFF8, #00C2E6, #42893A, #113856)
• Muted Petrol color palette (#F6EAF3, #70C6D0, #00709A, #004024, #000110)
• Soft Ridge color palette (#D6FFF9, #00DEC2, #008E84, #004235, #000503)
• Pale Market color palette (#E9DBE0, #7AA9C8, #1D3DCB, #002B2A, #020007)

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