Tempered Studio color palette — #FEF3EB · #BDEDD8 · #90B3EA · #15A192 · #39345B

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Mint (#BDEDD8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#90B3EA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#15A192): A luminous, balanced teal — the color of glacier melt.
• Navy (#39345B): 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 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

• Airy Canyon color palette (#FFF2EC, #9FE7F9, #4BB3FF, #009B75, #1F2773)
• Hushed Powder color palette (#FEF2EF, #C5ECE0, #7DCAE3, #79A579, #2D4A67)
• Azure Delta color palette (#EEF9EF, #BBD9EE, #5D9BD0, #007A85, #263B59)
• Tempered Iris color palette (#F9ECDE, #98C6E7, #6C8DE8, #007D7A, #260C4A)
• Hushed Cobalt Dune color palette (#F2E1D3, #6FA9CA, #426FCD, #005E58, #0C0026)
• Cobalt Cabin color palette (#F9EEF4, #AECCE1, #537CBE, #005C53, #181E3B)
• Blush Studio color palette (#FFDBD2, #F98599, #3BBD9D, #009DA9, #41211A)
• Cerulean Harbor color palette (#ECDDD6, #5DC2C9, #008FBE, #00713E, #001134)

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