Tempered Studio color palette — #ECF9EF · #D89F88 · #005C66 · #14361F · #0E201D

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

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Camel (#D89F88): A luminous, dusty orange — the color of autumn markets.
• Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#14361F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#0E201D): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Muted Denim color palette (#FBF1FC, #DAA07C, #285381, #122F4E, #271E27)
• Stone Harbor color palette (#E3F6FA, #AABD7A, #00635A, #002D34, #020F12)
• Teal Lagoon color palette (#EBF8FC, #E9D3A4, #51A4A7, #3D6B78, #152429)
• Antique Stone Courtyard color palette (#EFF9EB, #BBCE83, #318175, #34492C, #1D241B)
• Muted Ember Villa color palette (#CEEDDF, #F1592E, #004159, #001E2C, #000F0F)
• Patina Market color palette (#F0F8F1, #50C2C8, #7657C1, #006D72, #2F1E26)
• Worn Station color palette (#F7EAF4, #A79F44, #2D3C7F, #151E43, #1C121A)
• Petrol Balcony color palette (#F0F7F3, #E0D4D2, #D3B5B7, #447C94, #424A46)

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