Tempered Indigo color palette — #FFF0F9 · #B9CE8B · #6767B6 · #57364C · #2A1D25

A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Pistachio (#B9CE8B): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#6767B6): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#57364C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2A1D25): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Aged Cobalt color palette (#FBF2FB, #E3BD90, #4372B6, #2D4363, #281E27)
• Softworn Pewter color palette (#F2F5FF, #FCE2AE, #746FA0, #2F3653, #0C0F1A)
• Iris Parlor color palette (#F1F5FF, #CEDDAC, #8791C7, #556380, #1C222D)
• Weathered Mulberry Archive color palette (#FEE9E7, #B6BB69, #9D3B66, #502537, #23100E)
• Hushed Villa color palette (#FBF3F4, #E1D8D3, #CDBFB0, #A480AE, #504447)
• Weathered Lagoon color palette (#F2F4FF, #E29894, #56457E, #282B46, #1E1724)
• Weathered Study color palette (#FBDAE8, #78C240, #6D31B8, #371B5D, #1C0712)
• Pale Rose color palette (#FBF2F7, #C2BBFA, #DF6065, #7F72C6, #321F18)

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