Teal Studio color palette — #F1F7F2 · #C9E3FD · #87CAD6 · #64A891 · #2C4C5E

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#C9E3FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#87CAD6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Jade (#64A891): A luminous, dusty teal — the color of sea glass.
• Charcoal (#2C4C5E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Misty Aqua Station color palette (#EEF8F0, #AEF4EF, #00CEDE, #31A87E, #004858)
• Muted Lagoon Alley color palette (#FAF2FA, #CCE1F5, #71AFC7, #4F8A5A, #314A65)
• Stone Lagoon color palette (#DCFDF9, #C2E1F4, #A9BB89, #B6AEB6, #305757)
• Cobalt Grove color palette (#DCECDF, #71A7CC, #1B74D0, #005B6A, #02002E)
• Cerulean Courtyard color palette (#E8F3EA, #63C0CC, #0091B2, #006E61, #001623)
• Misty Jade Orchard color palette (#E4FBF7, #ACDB9F, #E0A6E5, #76B165, #553458)
• Misty Coral Balcony color palette (#DDFDF9, #94D097, #95B3F7, #E3887F, #1C3F3C)
• Antique Chapel color palette (#FFF1F5, #BBDAC0, #CAA47E, #A87D66, #2E4336)

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