Timeworn Sand color palette — #ECF8F9 · #F5C79E · #588978 · #385254 · #202E2F

Built around Wheat, softened by Fern — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#ECF8F9): bright and airy, almost weightless.
• Wheat (#F5C79E): A whisper-light, dusty gold — the color of honey in a jar.
• Fern (#588978): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#385254): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#202E2F): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Tempered Shell color palette (#EDF7FF, #FDAD96, #3479A2, #2C455A, #19232B)
• Ancient Fern color palette (#F4F6F0, #CDDBCB, #609375, #3D4E02, #191D12)
• Teal Harbor color palette (#F2F7F0, #FED4BD, #70AD9B, #627454, #262E20)
• Softworn Hollow color palette (#EDF8F7, #9DE4BC, #8D96D3, #579D78, #282E3A)
• Tangerine Lantern color palette (#C7E3EE, #EE8542, #006169, #002F34, #000E14)
• Dusty Chapel color palette (#FFF0F9, #5ED4CE, #6F96BD, #8E6353, #364B55)
• Ash Corridor color palette (#EDF7F9, #D5DBE5, #B6AFBD, #77A4AE, #4C5456)
• Mint Lantern color palette (#E2FBFB, #4FC495, #C386A4, #976B81, #2D4142)

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