Softworn Abyss Coast color palette — #E3EDF4 · #9DA5B2 · #8183A3 · #004C65 · #010B13

Navy and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E3EDF4): bright and airy, almost weightless.
• Blue Fog (#9DA5B2): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8183A3): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Petrol Courtyard color palette (#DFEAF4, #9E9EB5, #8A839C, #0C6B96, #010A15)
• Washed Cabin color palette (#E8F2ED, #C9B3C6, #A78894, #004257, #000201)
• Ancient Coast color palette (#E3E7EF, #A4A3B0, #8F7F99, #35309C, #040818)
• Softworn Pewter Courtyard color palette (#E3F0EB, #A394A3, #666D96, #002F45, #010C08)
• Aged Navy Parlor color palette (#D5F5EE, #49829A, #57437C, #00381B, #001708)
• Weathered Studio color palette (#EBEEF6, #C3C3CE, #AC9FB6, #464EC5, #191F2C)
• Pine Bloom color palette (#E2F4EC, #4C835B, #00514A, #002D4E, #000802)
• Tempered Workshop color palette (#F1F5FC, #DCD7DF, #C8B9C4, #5E7FBF, #343B45)

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