Tempered Jade color palette — #FDF1FC · #FAA2A1 · #5EB488 · #3485B3 · #2E345D
Built around Jade, softened by Rose Quartz — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF1FC): a clean, paper-quiet neutral.
- Rose Quartz (#FAA2A1): A luminous, balanced orange — the color of sun-warmed clay.
- Jade (#5EB488): A luminous, balanced teal — the color of sea glass.
- Cerulean (#3485B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#2E345D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Sunlit Meadow color palette (#FAF2FF, #F79FC3, #8BAC6E, #208E8D, #153B57)
- Timeworn Oat Alley color palette (#FFF1F6, #F1BA8F, #6EB8B7, #6688B8, #483A5E)
- Washed Field color palette (#F5F3FF, #D4A9DF, #449C84, #006681, #222651)
- Denim Boulevard color palette (#F9F2FF, #E7CEDD, #A1BDAA, #7F94AD, #4F516C)
- Mustard Corridor color palette (#E7F7EA, #DAAA2F, #1AA5B7, #97538D, #461738)
- Washed Ultramarine color palette (#F9DEF5, #FF7874, #14A638, #3353E2, #31005A)
- Tempered Apricot Alley color palette (#F0DFE9, #E7916B, #5F7762, #56434E, #1C161C)
- Softworn Mustard Coast color palette (#E3FDE9, #E2AF00, #00A8D6, #4A6ED1, #560642)
Browse the whole catalog at Explore, or see today's palette.