Tempered Study color palette — #FBF2FB · #97C3FF · #8AAD70 · #4F9A89 · #273930

Sky and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sky (#97C3FF): A luminous, balanced blue — the color of deep harbor water.
• Sage (#8AAD70): A luminous, balanced green — the color of fresh herbs.
• Fern (#4F9A89): A luminous, dusty teal — the color of shallow lagoons.
• Deep Forest (#273930): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 (#FFF1F7, #BAAEE6, #6FB09D, #4995A6, #41303F)
• Jade Meadow color palette (#FFF0FA, #93A3FF, #00AF6A, #008F8F, #03253E)
• Shell Bloom color palette (#FFF1F1, #EBB5D0, #D09B89, #6B89AF, #5A3543)
• Feathered Villa color palette (#FFF1F1, #E490C8, #47AFCC, #607FC3, #372128)
• Cypress Parlor color palette (#FAF2FB, #F4ACB6, #BC8763, #05775D, #222735)
• Oat Orchard color palette (#FCF2F3, #DFD8D4, #DEC29D, #B3AFA6, #5A4F50)
• Weathered Stone color palette (#FEEDEB, #E79FB3, #8E756E, #5E514F, #281F1E)
• Ancient Delta color palette (#FFE5EC, #C477F0, #009893, #006E94, #0C0C2C)

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