Tempered Harbor color palette — #FFF2EA · #FFC6AC · #8CD5E1 · #DE9370 · #35563F

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#FFC6AC): A whisper-light, dusty orange — the color of toasted spice.
• Ice Blue (#8CD5E1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Camel (#DE9370): A luminous, balanced orange — the color of toasted spice.
• Deep Olive (#35563F): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Tempered Harbor 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 Thicket color palette (#FFF2F0, #FAC4D4, #95D8B5, #D98FA7, #4C4E47)
• Muted Balcony color palette (#FFF2EC, #FEB19F, #86C6F0, #93A3CF, #48413D)
• Weathered Amber Thicket color palette (#FEF1F9, #F1B3A0, #6ABFD7, #BE7761, #2F5263)
• Aged Courtyard color palette (#FDF4E6, #EED194, #AFC6FC, #C3A462, #5D4359)
• Fern Canyon color palette (#FBF5E4, #DBDBC1, #C4B58B, #A78D70, #3D5008)
• Patina Cocoa color palette (#FFF2EB, #DFDDCC, #E3BEA6, #B7BDC9, #723F07)
• Quiet Amber Atelier color palette (#FFF3E8, #FFB170, #62C1FF, #DC7B00, #003F60)
• Muted Bronze Veranda color palette (#FBF4EA, #F2DBB3, #B19A7C, #8D6424, #312A21)

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