Tempered Jade color palette — #F5F6EE · #B7E6D9 · #6DBADB · #61AF5E · #12221B

Jade and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Mint (#B7E6D9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6DBADB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#61AF5E): A luminous, balanced green — the color of fresh herbs.
• Onyx (#12221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Softworn Studio color palette (#F2F7F1, #B2E7ED, #88AFEE, #24AFAA, #261925)
• Amber Grove color palette (#F8F5EF, #CADDCB, #6EC1A5, #B2982A, #1A2112)
• Washed Powder color palette (#F7F5EF, #DBE5AC, #76BEFC, #A8B271, #21322D)
• Plum Corridor color palette (#F4F6ED, #90BC98, #8F82B9, #9F5166, #2F2718)
• Seafoam Workshop color palette (#F1F8E9, #6CF6C1, #00A1C8, #00956B, #000C12)
• Hushed Pewter Loft color palette (#FCF4E7, #B1ECD7, #5EB0BF, #995A83, #33452F)
• Cerulean Parlor color palette (#F0FADA, #BCEBD4, #6EBCBA, #00889B, #004B65)
• Mint Parlor color palette (#EDF8F6, #99D195, #368B93, #52794F, #213036)

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