Tempered Apricot color palette — #E3F7F5 · #E7A16D · #2E6141 · #022E2D · #030F0F

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

The five colors

• Ivory (#E3F7F5): A whisper-light, dusty teal — the color of glacier melt.
• Camel (#E7A16D): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#2E6141): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#022E2D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030F0F): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered Apricot 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

• Antique Stone color palette (#E8F4F8, #F6B09B, #2D6D6E, #18363E, #0A161A)
• Hushed Fern color palette (#E9F9F5, #B9B073, #425A22, #243410, #162521)
• Weathered Coral color palette (#E4F5FF, #FF7679, #00556A, #002530, #000911)
• Ancient Basalt Hollow color palette (#F5F7E6, #E3BC94, #5B7C57, #434700, #222311)
• Weathered Cobalt color palette (#E7F6F1, #A8BE73, #6D6BB4, #5B6D25, #090D1A)
• Ember Lantern color palette (#C9E6EB, #EF6302, #004941, #001B17, #000403)
• Wandering Cypress color palette (#EAF4F4, #D0DBE7, #B9BDCC, #52816A, #242E2F)
• Dusty Courtyard color palette (#F6F7E4, #FFE2A5, #5E824D, #393932, #101003)

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