Softworn Teal color palette — #FAF3F7 · #D3E0F6 · #97C3E9 · #5FA98F · #3D4569

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D3E0F6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#97C3E9): A luminous, dusty blue — the color of deep harbor water.
• Jade (#5FA98F): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#3D4569): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Lagoon Loft color palette (#F9F4EE, #C3E5E2, #74ADCC, #2A8A88, #2C4A67)
• Hushed Periwinkle Garden color palette (#FFF1F6, #B4E0FF, #86A6FF, #009894, #392361)
• Sunlit Coral color palette (#FFF0FA, #FFB8A1, #75CBEC, #DC8367, #17495B)
• Linen Apricot Lagoon color palette (#FFF0F8, #F8A882, #67C0ED, #7A99D8, #492E3E)
• Cornflower Drift color palette (#EFDBE5, #6CBCDE, #3582E5, #006E61, #13063B)
• Forest Station color palette (#F1E5EF, #59B0B5, #007FA7, #006231, #00081E)
• Taupe Veranda color palette (#FFF0FA, #EDC3D2, #D29E90, #957E9D, #294433)
• Cerulean Grove color palette (#F8F0EC, #C1E7D1, #5893C7, #006F57, #3A2334)

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