Softworn Coast color palette — #FBF2FA · #F7B3AF · #A9B06A · #0099A4 · #453B60

Built around Cerulean, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Rose Quartz (#F7B3AF): A whisper-light, balanced orange — the color of autumn markets.
• Sage (#A9B06A): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#0099A4): A luminous, balanced blue — the color of open sky before noon.
• Navy (#453B60): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Softworn 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 Cerulean color palette (#FCF2F5, #EABE8C, #72BB9A, #6488BD, #4C395A)
• Tempered Dune color palette (#F6F3FC, #E2B8D9, #CD9F75, #519967, #224660)
• Ash Quarry color palette (#FFF0FE, #EBD3D2, #B2C9B7, #80A7B7, #40505E)
• Antique Teal Harbor color palette (#FFF1F0, #FDB2D3, #4CAE96, #337296, #134234)
• Hazy Moss color palette (#FFF0F9, #FF986B, #63AF46, #0080AC, #500754)
• Stone Quarry color palette (#F9EEF5, #E3A594, #8B747D, #604E5B, #252025)
• Worn Petrol Alley color palette (#F3F4FF, #BBA6D9, #968E55, #56659F, #4A395F)
• Softworn Amber Dune color palette (#FFEFF9, #FECCAF, #E1A872, #B8904A, #385A43)

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