Tempered Studio color palette — #FFF3E8 · #EABD95 · #8CB593 · #538FB1 · #5C353F
Built around Cerulean, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Sand (#EABD95): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#8CB593): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#538FB1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#5C353F): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Patina Oat Lantern color palette (#F8F5EB, #C8CD8B, #64B9BD, #8380B1, #5D372D)
- Worn Stone Lagoon color palette (#FFF3E7, #D8DDC4, #B4C4AE, #84A098, #5D4B56)
- Muted Garden color palette (#FAF2FB, #F7B9BE, #90A364, #725CA0, #54292E)
- Muted Indigo color palette (#F9F2DC, #B9B751, #00A8AC, #6D60B8, #4C161C)
- Antique Byzantium color palette (#E4ECCE, #00C967, #0095D0, #9B1FB6, #411400)
- Softworn Lagoon color palette (#FAF0E3, #DBAF68, #917831, #734B00, #26201B)
- Aged Pine color palette (#F9EFF2, #C29162, #228558, #284E78, #2E2138)
- Powdered Nightshade Pier color palette (#E4E2D0, #869C00, #008289, #4B37AD, #29000C)
Browse the whole catalog at Explore, or see today's palette.