Softworn Quarry color palette — #F5F1EB · #CBDFD9 · #81A78C · #317A64 · #1D3E2F

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#CBDFD9): A whisper-light, dusty teal — the color of sea glass.
• Sage (#81A78C): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#317A64): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#1D3E2F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Timeworn Alley color palette (#F6F1E9, #CDE3CF, #409BB0, #006E5C, #0A3426)
• Softworn Cypress Loft color palette (#F4EBDD, #6BA9A5, #00646D, #003B28, #000D12)
• Tempered Petrol color palette (#F5F1EB, #C7E3E4, #809FC2, #137888, #432E40)
• Ash Cabin color palette (#F8F3F8, #D3D7EF, #66A3B9, #527A57, #435468)
• Petrol Orchard color palette (#EEE8DE, #97BEAB, #1B71A8, #004A50, #001437)
• Washed Abyss color palette (#E6DED1, #49838A, #004353, #00201B, #000103)
• Lagoon Veranda color palette (#FFECEF, #B88AB8, #A48A4F, #008895, #391E23)
• Worn Bronze color palette (#F5F2E6, #BFBCA5, #978139, #695622, #2D2D1D)

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