Teal Studio color palette — #FFF3E3 · #D0DCA4 · #68C2B5 · #986053 · #4F3D00

Mint Leaf and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#D0DCA4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#68C2B5): A luminous, balanced teal — the color of sea glass.
• Walnut (#986053): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#4F3D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

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

• Softworn Pewter Studio color palette (#FFF2EC, #F3D0A2, #9FBF93, #93587A, #653500)
• Wandering Bronze color palette (#F7F8DB, #BAE7D3, #87B8D4, #8A6625, #374600)
• Wandering Bronze Station color palette (#FEF4E2, #D2E5BC, #9DCF9B, #AC7531, #434039)
• Ancient Chestnut color palette (#F5E5D1, #9A9A68, #7F5D1B, #613824, #30312A)
• Antique Bronze color palette (#DEFAE8, #B4E0E4, #90C698, #915D13, #072C1C)
• Worn Boulevard color palette (#E1F6CE, #95D2DF, #9598D1, #586B21, #1E371C)
• Airy Cocoa color palette (#ECDDBD, #97B687, #24A1A4, #782E03, #1E2A00)
• Timeworn Petrol color palette (#D2ECD6, #37ADAB, #3068A2, #3C3300, #00130B)

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