Teal Studio color palette — #F3F6F0 · #D3DDD8 · #A7B0C1 · #4FB48D · #314800

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

The five colors

• Ivory (#F3F6F0): bright and airy, almost weightless.
• Silver (#D3DDD8): bright and airy, almost weightless.
• Ash (#A7B0C1): A luminous, dusty violet — the color of a velvet chair.
• Jade (#4FB48D): A luminous, balanced teal — the color of shallow lagoons.
• Deep Olive (#314800): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Teal Studio 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

• Wandering Summit color palette (#F4F6F0, #D2E0DA, #A2BFC8, #7EBC97, #464941)
• Weathered Olive color palette (#F4F6ED, #C6E5D1, #72AC9A, #707E3A, #2D4000)
• Worn Abyss color palette (#E9F1E5, #C7D4C4, #91AF93, #005B4C, #010300)
• Muted Cerulean color palette (#EFF8F3, #CCE2E3, #C0C5D0, #00A2C5, #293930)
• Teal Harbor color palette (#EEF9ED, #31B3AE, #324E39, #112310, #030702)
• Aged Study color palette (#F6F7E1, #81E0D0, #22A4AF, #535D9D, #22381F)
• Muted Cypress color palette (#EDF7F8, #D1DDE5, #B3C2CF, #4D7E81, #3E4A4B)
• Hushed Driftwood color palette (#DAFFEF, #B9E2E8, #C9B2C5, #966E93, #6A4342)

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