Softworn Amber color palette — #E7FBED · #4FAFC2 · #C36E62 · #007284 · #62332D

Caramel takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7FBED): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#4FAFC2): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C36E62): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#007284): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#62332D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. 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

• Misty Dune color palette (#E0FDF4, #6EA5D7, #B47B4F, #0069AD, #5C391D)
• Worn Pier color palette (#F0F9E4, #63B28D, #B57094, #007952, #5B3448)
• Cerulean Summit color palette (#DFFEEC, #0098B9, #AE6452, #845A00, #213F30)
• Washed Moss color palette (#E5F5FC, #5DB2C3, #8E9440, #007181, #282A00)
• Tempered Bronze color palette (#C6EBFF, #0090C3, #A75800, #005676, #482300)
• Feathered Harbor color palette (#EAFAEE, #6BC8D6, #A7AC4E, #0091A1, #444600)
• Hushed Cocoa Lantern color palette (#FFF3E6, #B8A480, #8D6B45, #794117, #3F3D36)
• Apricot Lagoon color palette (#E9F8FF, #74DEF3, #FFA190, #29B1C8, #56364F)

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