Softworn Teal color palette — #FBF2F7 · #D5DFF7 · #96C2F0 · #00AEAB · #394863

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D5DFF7): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#96C2F0): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#00AEAB): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#394863): A full-bodied, 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

• Aged Cerulean color palette (#F4F6EF, #C3E3E2, #74ADCE, #00899E, #244C69)
• Mustard Meadow color palette (#F2F4FF, #C3B1F5, #B8BB5A, #5DB079, #323650)
• Periwinkle Archive color palette (#F6EBF0, #AADBF7, #6AA7F4, #009093, #242759)
• Hushed Cobalt color palette (#F4E6F0, #72ABB6, #007EAC, #005F4E, #00091B)
• Tempered Cornflower Cabin color palette (#EADEE2, #80B8DC, #3B7FEC, #006C72, #110044)
• Pine Station color palette (#F3E8EF, #85CFCE, #00A3C1, #008252, #002236)
• Washed Violet color palette (#C7E4FF, #B3C8FF, #989FF4, #8E6BC6, #54355B)
• Cerulean Balcony color palette (#F9F0E9, #C1E6D4, #6892B9, #296A66, #3B2236)

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