Teal Ridge color palette — #FBF2F7 · #FFC1A3 · #3BAFAF · #B97B5C · #243034

Turquoise and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Wheat (#FFC1A3): A whisper-light, balanced orange — the color of toasted spice.
• Turquoise (#3BAFAF): A luminous, balanced teal — the color of glacier melt.
• Caramel (#B97B5C): A luminous, balanced orange — the color of sun-warmed clay.
• Deep Forest (#243034): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Hushed Azure Study color palette (#F0F7F2, #E5CF98, #5CA4D4, #9F8A55, #242F38)
• Worn Ridge color palette (#FAF2FA, #FFBDC0, #7EAA6A, #B7787C, #22322E)
• Ancient Thicket color palette (#FBF4EE, #E0DCCE, #61C3A8, #D38448, #192211)
• Gentle Marigold Balcony color palette (#FFF1F5, #FDA435, #0097AB, #A86600, #00212D)
• Weathered Marigold Atelier color palette (#F1F7F2, #F3DBAB, #A8C27F, #CCA553, #20322D)
• Weathered Mustard color palette (#FFF1F7, #E0B76C, #6F9F82, #676B91, #374D44)
• Washed Bronze color palette (#F9F4ED, #D6BD8C, #6E874F, #856828, #2F2E27)
• Marigold Courtyard color palette (#EDF9ED, #BFA041, #5B88B5, #43688D, #322E3D)

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