Pale Coast color palette — #FCE9F0 · #96CCF0 · #4F84E0 · #006B72 · #292752

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

The five colors

• Blush (#FCE9F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#96CCF0): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4F84E0): A luminous, balanced violet — the color of wild irises.
• Teal (#006B72): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#292752): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Pale 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

• Soft Cerulean color palette (#F8EAF3, #70D8DA, #0D95B3, #00704A, #00314D)
• Petrol Station color palette (#FBE9EF, #84B9DB, #4664AE, #00504D, #312352)
• Patina Atelier color palette (#FCF4E8, #C2F2E1, #6094D7, #006779, #0E164C)
• Periwinkle Basin color palette (#F5EDE6, #B6DDD0, #869FF3, #009190, #342154)
• Azure Thicket color palette (#FFF0FC, #9CEAF5, #00AADF, #00856A, #204264)
• Dusty Powder Terrace color palette (#FCF2F5, #DBDEED, #9CB0E1, #5E8EA1, #4C5266)
• Gentle Petrol color palette (#FAE8F2, #50AFD0, #006BAA, #004A46, #030842)
• Hushed Rose color palette (#FFE2E5, #F31267, #008E80, #186D8A, #2B162F)

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