Softworn Coast color palette — #F8F0EC · #C7E5CD · #5696B9 · #276D4A · #3C213A

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Celadon Mist (#C7E5CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#5696B9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#276D4A): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#3C213A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Tempered Cerulean color palette (#FEEEE9, #92DFE4, #008FBC, #006635, #08244B)
• Tempered Grove color palette (#F7F1EB, #C4E8EA, #B090AB, #587454, #472D3A)
• Aged Turquoise color palette (#E4F8E7, #3BB7C1, #BE7964, #00727A, #451708)
• Dusty Lagoon color palette (#D0E6D4, #60C3B3, #009098, #005C78, #122F51)
• Aged Lagoon Thicket color palette (#F9F3F8, #CEE0F7, #6CAED4, #2F8E62, #344866)
• Mallow Station color palette (#E2F9E5, #DDD2CA, #D5B7EB, #608466, #243B32)
• Muted Lagoon color palette (#EDDCD8, #368781, #004351, #042100, #000104)
• Airy Summit color palette (#FCEFE6, #69C9F0, #2D71C5, #005347, #190150)

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