Tempered Alley color palette — #FAF4EE · #BDEEF1 · #A2BCFC · #56A8A4 · #5C3C4C

Built around Sky, softened by Turquoise — the whole palette hums with creativity and calm.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#BDEEF1): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#A2BCFC): A luminous, balanced violet — the color of a velvet chair.
• Turquoise (#56A8A4): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3C4C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cerulean Terrace color palette (#F4F6EE, #C0E0F3, #95BFEA, #378DAE, #4D364D)
• Powder Veranda color palette (#FDF2EF, #B9F9F6, #7FCAE2, #7FA37F, #2B5047)
• Muted Iris color palette (#F5EDE4, #ABD9FF, #869CFF, #009092, #34244B)
• Amber Orchard color palette (#FFF3E8, #FFBB87, #8CC2FF, #D28C53, #513854)
• Faded Hollow color palette (#FFF3E7, #FCA95A, #8DB3FF, #9E8ED3, #3C3732)
• Cerulean Balcony color palette (#F7EFF2, #C6E0F7, #738DC1, #006B74, #222A46)
• Aged Lantern color palette (#F0DCCF, #36AFD6, #3176BF, #005F4F, #07002A)
• Misty Sky color palette (#FFF2ED, #5DF2FD, #04BAF5, #189D5A, #113162)

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