Teal Study color palette — #FAF4EF · #C4E7E9 · #9BBDFF · #3AACA2 · #5D3C4D

A conversation between Turquoise and Sky, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#C4E7E9): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9BBDFF): A luminous, balanced violet — the color of twilight just after sunset.
• Turquoise (#3AACA2): A luminous, balanced teal — the color of glacier melt.
• Cocoa (#5D3C4D): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: 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

• Periwinkle Hollow color palette (#F0F7F1, #D5DDFC, #6EA9E8, #098A9B, #374863)
• Pale Thicket color palette (#FBF3F1, #CCEACA, #08C4F0, #54A05A, #14443A)
• Softworn Stone Garden color palette (#EEFAE3, #D1E8FB, #D5C6E6, #AEB989, #405143)
• Gentle Jade color palette (#F0F9E6, #8FE0BB, #FF9EA2, #17BA86, #603335)
• Tempered Lagoon color palette (#F9EFF3, #C9E0F1, #758FB5, #006C71, #222B43)
• Linen Cobalt color palette (#FAEDE5, #5AADC6, #0078C8, #005F4B, #050228)
• Indigo Studio color palette (#F7EEE4, #88B5DC, #5F72F8, #006C6F, #1D0137)
• Emerald Hollow color palette (#FFF2EE, #81EEF1, #00BBEE, #009F48, #033264)

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