Tempered Coast color palette — #FDF5E1 · #D4D4A2 · #BAAE67 · #97875D · #3F3D36

Sage and Wheat set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDF5E1): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#D4D4A2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#BAAE67): A luminous, balanced green — the color of new leaves after rain.
• Caramel (#97875D): A luminous, dusty gold — the color of old brass.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Coast 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 Marigold Garden color palette (#FDECD2, #E1C66F, #CE9A00, #A37631, #38352E)
• Worn Straw Canyon color palette (#E4FCED, #D7E5A3, #AA9E6E, #865D6B, #203733)
• Worn Driftwood color palette (#FDF4E1, #C6BF98, #A18F41, #806341, #3E4100)
• Softworn Apricot color palette (#FFF3EA, #EACAAE, #E19970, #B07965, #583400)
• Worn Bronze color palette (#FCF1DA, #A3B289, #83753D, #654427, #212512)
• Softworn Apricot color palette (#FFF1F2, #F097D7, #EC964E, #A58E48, #422C2D)
• Feathered Moss color palette (#E8DFBF, #889A35, #727300, #574D00, #070E00)
• Feathered Amber color palette (#FFF2EE, #F79196, #B79303, #618A4D, #263121)

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