Tempered Study color palette — #FAF2F8 · #B5F1F6 · #5CB1D1 · #528772 · #324A61

A conversation between Cyan and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Sea Foam (#B5F1F6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#5CB1D1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#528772): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#324A61): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Washed Powder color palette (#FBF2F6, #DADFEE, #96B3DE, #539296, #4B5265)
• Weathered Azure color palette (#FEF1F8, #B0DCF4, #4A9DD8, #007D72, #293B57)
• Tempered Garden color palette (#EFDCE9, #39B3CC, #006E9D, #004B40, #001133)
• Dusty Denim Basin color palette (#E5EFE4, #6397C6, #3A51A1, #003A43, #0B0026)
• Powder Pier color palette (#D7FFFA, #BBE2EC, #ABC8F3, #9BA171, #335354)
• Timeworn Mint color palette (#E4FBF8, #6ED17E, #CC8AC8, #4B9357, #553653)
• Seafoam Courtyard color palette (#DBFFED, #74E1B8, #49A879, #2C6D4B, #003523)
• Gentle Canyon color palette (#F4EEB4, #B1CD5D, #62A04F, #30795B, #205057)

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