Tempered Coast color palette — #FDF3EB · #D0A686 · #669ECF · #A75D0E · #2A574C

Ochre takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Camel (#D0A686): A luminous, dusty gold — the color of honey in a jar.
• Blue Fog (#669ECF): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#A75D0E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#2A574C): A full-bodied, dusty teal — the color of sea glass.

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

• Hushed Bronze Meadow color palette (#FDEFE4, #DFA580, #67A2D4, #9F5F33, #173830)
• Bronze Dune color palette (#FEF3E6, #C8AB7F, #799ACD, #97680D, #5D435C)
• Ancient Plum color palette (#FFF2EE, #D5A0A6, #59A8A5, #AF4E60, #3A5539)
• Antique Sky color palette (#FFF0F7, #F3B48B, #78B8EC, #BB7B4F, #3B4F63)
• Patina Coast color palette (#FFF3E7, #B88F66, #3A9B92, #8862AE, #47413C)
• Muted Cocoa color palette (#FFF3E9, #C8B49D, #9C775D, #7E5041, #5F4200)
• Chalky Balcony color palette (#F7F6E8, #92AA68, #9A78BB, #557100, #4E3565)
• Chestnut Harbor color palette (#F9F5EA, #D3BD9B, #665F31, #3B3832, #24271C)

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