Teal Study color palette — #F8F6E4 · #B9EBC6 · #64B49E · #4677A1 · #3E403A

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

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#B9EBC6): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#64B49E): A luminous, balanced teal — the color of glacier melt.
• Slate (#4677A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3E403A): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Washed Pewter color palette (#F3F7E9, #A9EAF3, #6FABC7, #7C64A3, #314538)
• Antique Jade Station color palette (#E2FCF2, #7ABA80, #3E876E, #375E79, #324E4D)
• Dusty Study color palette (#FFECF4, #91BA71, #3E8682, #564B6B, #1C3030)
• Worn Teal color palette (#F6F6EF, #C3DDE0, #9DD0C3, #42A58F, #3B5541)
• Hushed Aubergine Bloom color palette (#F3F9DC, #53CBD2, #008CAD, #58389C, #00272C)
• Teal Bloom color palette (#FFF2EA, #C4DAA3, #56C3B5, #AE7A93, #454D00)
• Worn Corridor color palette (#EBFBE6, #C8E1DB, #A8C7C5, #9B8291, #624852)
• Muted Teal Terrace color palette (#F2F8E9, #82BE9F, #4D5945, #282E1E, #0F1009)

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