Tempered Archive color palette — #F4F7EB · #66BB78 · #009393 · #1B648F · #3B3731

Built around Jade, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Jade (#66BB78): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#009393): A luminous, balanced teal — the color of sea glass.
• Peacock (#1B648F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3B3731): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

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

• Teal Grove color palette (#F0F8EB, #13BF9F, #008DB6, #535597, #2A3F1D)
• Antique Mustard color palette (#F9F5E9, #B5A734, #379561, #006A77, #4E3010)
• Hushed Pier color palette (#DDEFD3, #00A38A, #007494, #3500CA, #1B2900)
• Wandering Pier color palette (#EFF8D8, #B9CAAA, #8AA885, #517C72, #5D4658)
• Ancient Jade color palette (#E5EEC3, #79CB93, #13B477, #008162, #3E5130)
• Pale Bronze Ridge color palette (#FCF4E5, #9F8700, #006F86, #693156, #502526)
• Patina Courtyard color palette (#F4F6EE, #B7EBE9, #62AFD6, #188999, #2E4F45)
• Indigo Bloom color palette (#E4F7EC, #00A6C6, #5069C8, #6C3775, #00342A)

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