Tempered Grove color palette — #F0F8EF · #CFDFDE · #9FD0D8 · #008884 · #192119

Teal and Sky set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Silver (#CFDFDE): a clean, paper-quiet neutral.
• Sky (#9FD0D8): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#008884): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#192119): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Cerulean Lagoon color palette (#F0F7F3, #E5D2D0, #D5B1A2, #0083A4, #11231A)
• Softworn Bloom color palette (#E5F1F5, #C7D5E9, #AEBAD2, #00A6AD, #1D3138)
• Cypress Lantern color palette (#E1EBED, #BECED8, #95A5BC, #00635C, #05191D)
• Midnight Archive color palette (#D1EDDE, #0083A3, #0E2445, #0A151C, #000502)
• Dusty Pine color palette (#FFF4E0, #B2C482, #348B45, #005D5D, #1D1800)
• Powder Lagoon color palette (#BCFFF4, #81C5E9, #7A83B0, #664D21, #372B00)
• Petrol Canyon color palette (#FFF3E8, #00BAAF, #0070B2, #613100, #001808)
• Grape Studio color palette (#EFF9E9, #00AA90, #7A35C4, #532F00, #0F0D00)

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