Sunlit Cabin color palette — #F3F7EB · #84E9AE · #3C8DDE · #008D54 · #0C020E

Azure and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Lagoon (#84E9AE): A whisper-light, balanced teal — the color of shallow lagoons.
• Azure (#3C8DDE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008D54): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#0C020E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

One click turns Sunlit Cabin 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

• Iris Studio color palette (#F1F8EB, #83E6C8, #8F78D2, #008B6F, #100008)
• Cobalt Harbor color palette (#F7F6EA, #C2DD7D, #1592DA, #6A8202, #000705)
• Aged Lagoon Study color palette (#F1F7EF, #A8F8E7, #7C9DDE, #279E8C, #1B0C1A)
• Soft Turquoise color palette (#EDF7F9, #8ADDCC, #00B4DB, #00AE98, #001B29)
• Faded Peony color palette (#EBF9F2, #A7E2FF, #E64FA7, #008AB6, #1A000E)
• Aubergine Lantern color palette (#D4E4DB, #0087A9, #600070, #00303F, #030004)
• Misty Orchid Workshop color palette (#EAFAEC, #00DDE7, #9C51DE, #007A7F, #030008)
• Aubergine Atelier color palette (#E2EEE0, #00A39B, #680DA7, #004642, #040001)

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