Tempered Market color palette — #FAF3F7 · #D6D4E0 · #99BFE7 · #37947E · #333E5C

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Sky (#99BFE7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#37947E): A luminous, balanced teal — the color of sea glass.
• Navy (#333E5C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Hollow color palette (#F8F5EF, #C6E5E3, #8BC6EB, #05ADB0, #573D59)
• Cypress Lantern color palette (#FCF2F6, #D8D4DF, #8DA5DD, #007F7A, #31274C)
• Lagoon Balcony color palette (#E0FBFE, #94E8CE, #E3A4CE, #00A181, #4F2944)
• Worn Taupe color palette (#D8FEFE, #D8D7E5, #A1AE77, #9F9790, #325156)
• Denim Cabin color palette (#EDE0EB, #66AFBA, #005C82, #002D1A, #00000B)
• Aged Cerulean color palette (#FAF4F0, #BFE8D1, #5C8EC2, #00735E, #5B3C51)
• Pewter Corridor color palette (#E5FCEC, #D7E3B5, #81A98D, #8A6042, #133936)
• Muted Teal color palette (#E2FAFF, #B7DCFE, #4DBAA1, #007061, #002921)

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