Tempered Amber Alley color palette — #FFF0F8 · #EEDABE · #90D6FB · #CF8562 · #254A62

Coral Clay and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Bone (#EEDABE): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#90D6FB): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Coral Clay (#CF8562): A luminous, balanced orange — the color of autumn markets.
• Navy (#254A62): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Ancient Taupe color palette (#E9FAEF, #F5E5AE, #B9C9FF, #AA995E, #384661)
• Wandering Thicket color palette (#FAF1FF, #F8D2CC, #86DFCF, #C58499, #1A4E56)
• Muted Grove color palette (#F0F7F2, #C9DCCA, #95845A, #374C3D, #131F16)
• Hushed Stone Delta color palette (#FEF1F8, #EED3D1, #C4A3B6, #897285, #374337)
• Hushed Stone color palette (#FFF0F7, #C4E8EE, #DEB6BF, #A1B5D0, #5E4850)
• Wandering Azure color palette (#FDF3EC, #D9A187, #28A7D1, #A45D3A, #345546)
• Quiet Boulevard color palette (#FFF1F5, #FFCB93, #5DAFF9, #A46500, #003055)
• Wandering Delta color palette (#FFF0F7, #F6BE9B, #7DCDB5, #A398D2, #48303C)

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