Timeworn Amber color palette — #FEF1F8 · #D28057 · #5F7B42 · #1D5D69 · #3C405D

Built around Coral Clay, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Coral Clay (#D28057): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#5F7B42): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#1D5D69): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#3C405D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Timeworn 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

• Timeworn Amber color palette (#EDF9ED, #C38D28, #2C816C, #425474, #4F3954)
• Hushed Orchard color palette (#FAF1FF, #D27797, #896B36, #286048, #2B455C)
• Muted Marigold color palette (#FFF1F6, #D7AC67, #998034, #6E6531, #345146)
• Misty Grove color palette (#FFF1F5, #AF6C00, #006C38, #004566, #4B1450)
• Hushed Bronze Bloom color palette (#E2F8E8, #917300, #00615A, #332E73, #4A191D)
• Lagoon Boulevard color palette (#FEF2EE, #DB9FA1, #6C9970, #5E6592, #563748)
• Ash Studio color palette (#FFF0F8, #AEC6B0, #82A395, #5D7483, #4F4E5F)
• Bronze Pier color palette (#FDEDF3, #B66500, #304234, #31242A, #191414)

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