Teal Study color palette — #FBF2F8 · #D3E1F9 · #97C2EB · #57AA91 · #3F4568

Built around Jade, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Frost (#D3E1F9): A whisper-light, dusty violet — the color of wild irises.
• Sky (#97C2EB): A luminous, dusty blue — the color of open sky before noon.
• Jade (#57AA91): A luminous, balanced teal — the color of sea glass.
• Navy (#3F4568): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Softworn Boulevard color palette (#F8F2FF, #F89CD2, #5FCAB2, #4AAAB7, #3E324B)
• Wandering Turquoise color palette (#F9F4EE, #BCEAE6, #74ADCD, #3B8887, #205247)
• Aged Periwinkle Lagoon color palette (#FFF1F6, #B4E0FF, #85A7FF, #009893, #3B1D6B)
• Weathered Lagoon color palette (#F6F3FF, #FBE0AB, #EDD7DE, #ADA5D3, #57485B)
• Cobalt Study color palette (#F9EBF2, #82B9D2, #4583D7, #006E61, #140240)
• Tempered Cobalt color palette (#E9DDE8, #5FAFB7, #007FAB, #006137, #000722)
• Chalky Bloom color palette (#F8F2FF, #F8B3DE, #6DD5AA, #D180B4, #194D39)
• Taupe Pier color palette (#FFF0F8, #BADBBB, #CFA18A, #997D9B, #2B4338)

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