Tempered Grove color palette — #F9F3F8 · #CFE2FC · #70C8FC · #69A887 · #3A485F

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Frost (#CFE2FC): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#70C8FC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#69A887): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#3A485F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Linen Terrace color palette (#FCF1FB, #B1F2F9, #49C4FE, #00AC68, #253E6D)
• Aqua Alley color palette (#E6F9FF, #D8DBE7, #8BCDC6, #B4B5A9, #3D5360)
• Apricot Grove color palette (#E5F9FF, #76E0E0, #FFA56B, #00B5B6, #593648)
• Hushed Lagoon Boulevard color palette (#F9F4EE, #BEE9E2, #5AB2D1, #108D81, #2F4F45)
• Aged Turquoise Studio color palette (#CAF2D2, #74E2CA, #00BED1, #2B93C5, #2F4662)
• Softworn Field color palette (#EBF7FF, #ADE6FF, #1FC2F4, #1F89B0, #003445)
• Chalky Apricot color palette (#E4FAFF, #52D5CE, #FC9941, #D0994F, #1A3E46)
• Dusty Pier color palette (#EDDBE5, #71BDD2, #0088DC, #006F57, #0B0A3A)

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