Tempered Study color palette — #F2DDE4 · #D88500 · #4A6A59 · #4C353D · #110B0F
Built around Mustard, softened by Pine — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#F2DDE4): A whisper-light, dusty rose — the color of strawberry cream.
- Mustard (#D88500): A luminous, balanced gold — the color of old brass.
- Pine (#4A6A59): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#4C353D): A deep, shadowed, dusty rose — the color of a warm blush.
- Ink (#110B0F): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Tempered Field color palette (#F5D8EC, #FE5E37, #4F6A4D, #483643, #100B12)
- Hushed Veranda color palette (#DEF5E7, #B19B00, #3D6C63, #304137, #130B0D)
- Tempered Bronze color palette (#F8E4CF, #B16F00, #4F3D16, #2C1F0E, #130C06)
- Antique Delta color palette (#E4F7F0, #A9C45D, #698180, #4B5854, #1E2320)
- Softworn Lantern color palette (#D6F2E1, #796B00, #203A12, #0F1F21, #000A04)
- Aged Field color palette (#D0F5F3, #00A65F, #1C5F5C, #0F3736, #000604)
- Clover Studio color palette (#D8F6F2, #1CC22D, #207669, #234945, #051510)
- Quiet Marigold Pier color palette (#F7E4D7, #F0A604, #B59E00, #737A24, #27441B)
Browse the whole catalog at Explore, or see today's palette.