Softworn Oat color palette — #E6FBF4 · #B5D69E · #82AD7F · #5D8C9A · #193D36

Pistachio and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#B5D69E): A whisper-light, balanced green — the color of new leaves after rain.
• Sage (#82AD7F): A luminous, balanced green — the color of new leaves after rain.
• Storm Blue (#5D8C9A): A luminous, dusty blue — the color of open sky before noon.
• Forest (#193D36): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Washed Lagoon Pier color palette (#F9F5E9, #C6D8AB, #699866, #3D6E61, #2C290B)
• Mustard Harbor color palette (#E8FBED, #AEBE6C, #5B8F5A, #5A6183, #1F3C32)
• Clover Terrace color palette (#E0FDF0, #C0DB84, #82B756, #AD7A6D, #344018)
• Mint Meadow color palette (#C9F5F7, #00DFBC, #00AEA1, #4881AA, #00372D)
• Hushed Pier color palette (#ECF8F6, #A1F0F7, #3AC5DC, #489C96, #183F52)
• Gentle Emerald Veranda color palette (#CEEDE3, #9ACB79, #59A558, #936A57, #02312A)
• Sand Coast color palette (#ECF9EF, #E7DFB0, #96C1AE, #A494A6, #3F5247)
• Clover Coast color palette (#DEF3EE, #6DBD68, #3E925C, #216F7B, #062106)

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