Softworn Amber color palette — #FDF1F9 · #BF7155 · #586C20 · #00525A · #372F61

Caramel and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Caramel (#BF7155): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#586C20): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00525A): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#372F61): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

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

• Cypress Coast color palette (#EFF8EE, #AA7F47, #30734B, #004E72, #4D2554)
• Pale Market color palette (#F9F2FF, #B5708E, #815C00, #005542, #1C3763)
• Weathered Pine Garden color palette (#F4F0FA, #BA71A4, #007934, #3F376F, #1D173B)
• Dusty Bronze Pier color palette (#FFDDEA, #A05B00, #005B32, #00345D, #440033)
• Aubergine Market color palette (#E2F8EF, #727F25, #005E6E, #531671, #491C00)
• Hushed Nightshade Quarry color palette (#E9FAEF, #947C00, #006860, #301BA6, #5E0025)
• Worn Lantern color palette (#FFF1F2, #D088C4, #3B964D, #624E98, #3A3155)
• Hazy Bronze color palette (#FFF0F9, #FFCECF, #F29970, #A58000, #563243)

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