Softworn Terrace color palette — #F7EFF3 · #C2E1F9 · #6E8FBC · #006C6F · #212B43

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#C2E1F9): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6E8FBC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006C6F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#212B43): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Cerulean Ridge color palette (#EFF7F6, #C9E0F1, #5291C0, #006D86, #2F4A66)
• Dusty Canyon color palette (#F1E0ED, #60AAAF, #00627B, #003B29, #000C19)
• Tempered Terrace color palette (#F7EFF4, #9DD1DE, #188A9D, #195D37, #002338)
• Aged Cobalt color palette (#C5EDED, #49B1C8, #0083B2, #185487, #212E52)
• Lagoon Meadow color palette (#E7F4FF, #D8D6E4, #DDBAE6, #4A9097, #233147)
• Cerulean Grove color palette (#EDE2E9, #328499, #004061, #00201B, #000108)
• Muted Orchard color palette (#F4F6ED, #BFE0F0, #88C2EE, #308FA9, #4B374E)
• Petrol Corridor color palette (#E8F3FF, #75A9D8, #C57559, #0069AA, #441707)

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