Sunlit Terrace color palette — #E2F2F2 · #98CAF9 · #5387CE · #00668E · #1C2C50

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E2F2F2): bright and airy, almost weightless.
• Sky (#98CAF9): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#5387CE): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00668E): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1C2C50): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Sunlit Terrace 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 Harbor color palette (#E5F2EF, #88D3DC, #0096AE, #006C6A, #003442)
• Muted Mallow color palette (#E5EEFF, #C8CFFF, #C0AAF7, #5183B6, #25324A)
• Petrol Alley color palette (#E9F1EA, #98B5D1, #3B65B5, #004D60, #252953)
• Iris Chapel color palette (#FFF1F5, #D9DDFA, #7F8ADA, #00696E, #28103D)
• Feathered Azure Summit color palette (#DCEFF8, #00A8E9, #0082C1, #005089, #082C5A)
• Sunlit Drift color palette (#DCE5F6, #3E7DFF, #B249AF, #00787A, #0C1F3B)
• Linen Turquoise color palette (#E5FBF7, #A0E8FA, #00ACD5, #008188, #024660)
• Pale Turquoise color palette (#DBF3F1, #3BAFE0, #006DA0, #004857, #001529)

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