Softworn Azure Coast color palette — #F4F6EF · #C4E8E9 · #6BA0C6 · #36798C · #3F5952

A conversation between Blue Fog and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Frost (#C4E8E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6BA0C6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#36798C): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3F5952): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cobalt Ridge color palette (#F4F6EE, #BFE6D9, #488FCF, #006C8B, #563E56)
• Dusty Ash color palette (#F7F0EB, #C5E7E8, #809FC4, #577458, #442E3E)
• Petrol Villa color palette (#EEEFE6, #73BFC9, #007588, #00504E, #003442)
• Patina Powder color palette (#FBF2F6, #D9D4E3, #93B4DD, #5C8F9E, #4A5266)
• Iris Cabin color palette (#F1F8EE, #71C1B3, #8B92D5, #208376, #5E4455)
• Muted Orchard color palette (#F6F6EA, #8CDFDE, #00909A, #00685C, #004853)
• Timeworn Cobalt color palette (#EAFBE9, #47A9A8, #618ACC, #678046, #3A4639)
• Lagoon Basin color palette (#F0FADC, #7CBF9D, #1AA27E, #1E7160, #43533D)

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