Teal Studio color palette — #EAF8FF · #D7DAE5 · #C9ABAC · #5DA3A8 · #20384C

Blue Fog takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Silver (#D7DAE5): a clean, paper-quiet neutral.
• Rosewood Mist (#C9ABAC): A luminous, dusty red — the color of a theater curtain.
• Blue Fog (#5DA3A8): A luminous, dusty blue — the color of open sky before noon.
• Deep Teal (#20384C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Teal Drift color palette (#E9F8FF, #D8D8EA, #E1B9E1, #6CB4A7, #2C4556)
• Ancient Periwinkle Courtyard color palette (#F3F4FF, #EDD8E0, #C4B6AC, #909BD8, #432A4C)
• Wandering Shell Workshop color palette (#F4F4FF, #EDD9DD, #FFAFC0, #857FB8, #292139)
• Timeworn Azure Villa color palette (#F0F5FF, #E1D8E2, #F8C1FF, #2796DA, #222250)
• Cypress Workshop color palette (#E1F9EB, #ADE5ED, #B6A5DD, #007A6E, #0B2D22)
• Powder Grove color palette (#DDFEEE, #AFE0D0, #8EB8FA, #00798F, #1A4B3B)
• Wandering Dune color palette (#E5FDE4, #E3C473, #AD8042, #774D2E, #0A281B)
• Powder Workshop color palette (#EAF8FF, #CBE2FF, #B2ABFF, #007C88, #000E20)

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