Tempered Amber color palette — #F1F5FF · #A5B0FF · #CB8900 · #007FAE · #142D62

Mustard and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#A5B0FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#CB8900): A luminous, balanced gold — the color of old brass.
• Cerulean (#007FAE): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#142D62): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Sapphire Basin color palette (#F3F4FF, #D0B1FF, #AB9E08, #295BDB, #20246E)
• Misty Lagoon color palette (#F0F5FF, #9DB3FF, #B99400, #008A69, #003A2A)
• Quiet Moss color palette (#F6F3FF, #E3A5E5, #8CAE3E, #7472BF, #3F2E56)
• Apricot Corridor color palette (#E9E6FF, #F6B6D1, #D99C6A, #5588B6, #2C4F6E)
• Linen Summit color palette (#DDE0F1, #B797FF, #8C8C07, #2248B9, #08194D)
• Soft Jade color palette (#FFF0F9, #B9EFFF, #73BDFF, #00A986, #343B6A)
• Blush Orchard color palette (#FAF2FF, #FF8CBE, #00B199, #007AC5, #003356)
• Gentle Blush color palette (#FAF1FF, #FF7BB2, #9F7700, #005F4D, #021958)

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