Tempered Teal Alley color palette — #F6F7E2 · #6AB9AA · #488287 · #4C5683 · #3E4C3B

Built around Mint Leaf, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#F6F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#6AB9AA): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#488287): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#4C5683): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Olive (#3E4C3B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged retro, muted, cool.

Use it as a design system

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

• Weathered Ash Lagoon color palette (#F1F9E5, #7CAFCD, #5D799E, #6E4C6D, #354E46)
• Fern Lantern color palette (#FAF5E2, #96B187, #548466, #2A6177, #484C00)
• Muted Turquoise color palette (#E4FBF6, #89E4D5, #46C2CE, #8088B8, #334C52)
• Ancient Cerulean color palette (#FFF0FB, #98CCAD, #539FB2, #975C5C, #2F4D52)
• Tempered Cocoa Parlor color palette (#FFEEE5, #88B99B, #378496, #793E3D, #23311C)
• Softworn Boulevard color palette (#F4FAD4, #009FAA, #006A88, #4F2F83, #003D46)
• Periwinkle Field color palette (#FFF2EF, #6D9AD2, #5B64A1, #723657, #4B3449)
• Quiet Hollow color palette (#DBE3C0, #00859D, #005379, #471663, #002936)

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