Iris Ridge color palette — #F8F0EA · #C9E3D9 · #748CC4 · #006D69 · #3F2130

Slate Blue and Teal set the tone — five colors that lean into creativity and sophistication.

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Silver (#C9E3D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#748CC4): A luminous, balanced violet — the color of a velvet chair.
• Teal (#006D69): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#3F2130): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Iris 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

• Cerulean Summit color palette (#F8F5EF, #C3E5D8, #5C8EC2, #006F7E, #593D55)
• Cobalt Coast color palette (#FDEFE5, #A7D8F2, #5382D0, #00635A, #251752)
• Antique Periwinkle color palette (#FAF3F6, #D5DDF9, #84A4E5, #008D86, #414661)
• Worn Forest Lantern color palette (#F8F0ED, #B5D0B4, #0089A9, #07601A, #01213F)
• Navy Drift color palette (#F8ECE5, #498193, #003D6B, #002018, #01000B)
• Dusty Archive color palette (#FAE8E2, #83A68B, #006086, #003C23, #00042E)
• Feathered Pine Orchard color palette (#FFEEE5, #C37664, #3F9265, #007E5C, #2E180B)
• Sapphire Station color palette (#F1E7DE, #8EB9DA, #4C63BB, #004B4B, #1C0638)

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