Tempered Studio color palette — #FBF9C1 · #FF6BC8 · #A75D00 · #004B73 · #35000D

Bubblegum and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FBF9C1): A whisper-light, dusty green — the color of fresh herbs.
• Bubblegum (#FF6BC8): A luminous, vivid pink — the color of peonies in June.
• Ochre (#A75D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#004B73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#35000D): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro, vibrant, warm.

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

• Washed Blush color palette (#FFF5D6, #FF769D, #956A00, #004291, #340400)
• Scarlet Thicket color palette (#E3FFD6, #D57FFF, #D21D11, #005059, #310023)
• Tempered Raspberry color palette (#E8E8B9, #CE3198, #794300, #003C5C, #49131C)
• Linen Archive color palette (#E0FFDF, #EB7F63, #6E7000, #323283, #1F0E00)
• Pale Moss Field color palette (#FFF4DE, #FFA29A, #978700, #36539F, #411C00)
• Misty Field color palette (#F7E1BF, #FF8888, #CE7400, #007C78, #4E0F00)
• Worn Crimson Boulevard color palette (#E5F3E8, #E03345, #794200, #003937, #270400)
• Airy Magenta color palette (#F5F4FF, #CF62F1, #5E7600, #4200A7, #13003D)

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