Timeworn Studio color palette — #F6F2E3 · #A5AA5F · #5C89EC · #666A00 · #371C34

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

The five colors

• Cream (#F6F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A5AA5F): A luminous, balanced green — the color of fresh herbs.
• Azure (#5C89EC): A luminous, balanced violet — the color of a velvet chair.
• Olive (#666A00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#371C34): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Pale Courtyard color palette (#F9F1DE, #B1A64E, #AB71C9, #716600, #321D3D)
• Sunlit Cerulean color palette (#FCF0DF, #C99B46, #009ACF, #835D00, #003021)
• Muted Orchard color palette (#E6FCEE, #CEB837, #959DE8, #908127, #3B3F63)
• Sunlit Violet color palette (#FFEFDE, #BE7D2C, #8A65D6, #885687, #2A1B08)
• Weathered Study color palette (#E7F8E0, #00B09C, #A34DF1, #006A5E, #2C0A49)
• Muted Bronze color palette (#F8F1E2, #B2AD85, #87742A, #654427, #212513)
• Airy Thicket color palette (#E4E6D8, #1FA21D, #584DFF, #0D5D0C, #10004B)
• Forest Coast color palette (#F0F4E8, #DFA485, #096639, #242B0A, #0B0E03)

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